All Projects → dferber90 → Webapp

dferber90 / Webapp

[Experimental, WIP] A base for building modern, performant, huge web apps.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Webapp

Chrome Extension Starter Kit
A starter kit for developing chrome extensions with React.
Stars: ✭ 112 (-2.61%)
Mutual labels:  webpack
Basys
Toolbox for building full-stack Vue.js apps
Stars: ✭ 113 (-1.74%)
Mutual labels:  webpack
React Workshop
⚒ 🚧 This is a workshop for learning how to build React Applications
Stars: ✭ 114 (-0.87%)
Mutual labels:  webpack
Node Hot Loader
Hot module replacement (hot reload) for Node.js applications. Develop without server restarting.
Stars: ✭ 111 (-3.48%)
Mutual labels:  webpack
Webpack Seed
🚀 A Multi-Page Application base on webpack and babel. webpack搭建基于ES6,支持模板的多页面项目
Stars: ✭ 113 (-1.74%)
Mutual labels:  webpack
Seven
Eleventy template using Bootstrap, Sass, Webpack, Vue.js powered search, includes lots of other features
Stars: ✭ 114 (-0.87%)
Mutual labels:  webpack
Nutmeg
Build, test, and publish vanilla Web Components with a little spice
Stars: ✭ 111 (-3.48%)
Mutual labels:  webpack
React Redux Auth0 Kit
Minimal starter boilerplate project with CRA, React, Redux, React Router and Auth0 authentication
Stars: ✭ 115 (+0%)
Mutual labels:  webpack
Knowledge
文档着重构建一个完整的「前端技术架构图谱」,方便 F2E(Front End Engineering又称FEE、F2E) 学习与进阶。
Stars: ✭ 1,620 (+1308.7%)
Mutual labels:  webpack
Serverless Webpack
Serverless plugin to bundle your lambdas with Webpack
Stars: ✭ 1,595 (+1286.96%)
Mutual labels:  webpack
Blog
前端学习笔记
Stars: ✭ 112 (-2.61%)
Mutual labels:  webpack
Universal React Redux
🧐 A sensible universal starter kit for React + Redux
Stars: ✭ 112 (-2.61%)
Mutual labels:  webpack
Babel Plugin Prismjs
A babel plugin to use PrismJS with standard bundlers.
Stars: ✭ 114 (-0.87%)
Mutual labels:  webpack
Bootstrap Validate
A simple Form Validation Library for Bootstrap 3 and Bootstrap 4 not depending on jQuery.
Stars: ✭ 112 (-2.61%)
Mutual labels:  webpack
Web Extension Starter
Typescript, React, Redux, Styled-Component and Webpack based sample extension boilerplate. Runs on Chrome and Firefox. Sample chrome extension.
Stars: ✭ 115 (+0%)
Mutual labels:  webpack
Learn Webpack
Webpack lesson for beginners.
Stars: ✭ 111 (-3.48%)
Mutual labels:  webpack
Alpha
Craft your own web-based chatbot
Stars: ✭ 113 (-1.74%)
Mutual labels:  webpack
Webpack Target Electron Renderer
webpack target function for electron renderer
Stars: ✭ 115 (+0%)
Mutual labels:  webpack
Raw.macro
Read file contents at build time via babel-plugin-macros. webpack-less raw-loader
Stars: ✭ 115 (+0%)
Mutual labels:  webpack
Csdwheels
一套基于原生JavaScript开发的插件,无依赖、体积小
Stars: ✭ 114 (-0.87%)
Mutual labels:  webpack

webapp

Build webapps with React, Redux, Webpack, GraphQL. They render on the server and reuse state on the client. New pages are loaded on the client only. Code is split into separate chunks per page. Even Redux Reducers are split. This allows building arbitrarily huge websites from a single codebase.

Disclaimer

This is project is a playground which I use to experiment with React, Redux, Webpack, React Router and GraphQL. I want to build a solid foundation for building arbitrarily big websites which still render fast, are easy to scale, refactor and test. This project should not be used as the base of any serious application.

Trying things out

mongodb

You need to manually install MongoDB.

running things

Run the following commands to try things out.

# only the first time
$ npm install # installs all dependencies

# every time you start developing
$ npm run mongo # start the local mongo db

# open a new terminal
$ npm start # this starts the servers (one for api/graphql, one for ssr)
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].