React Express
Why?
React has a problem. While the proliferation of JavaScript libraries, frameworks, and tools (JavaScript fatigue) is fantastic for the web development ecosystem, it can be extremely intimidating for beginners to get started.
I've created this all-in-one guide for beginners to get an opinionated walkthrough from start to finish: create-react-app, npm, webpack, babel, ES2015, ES2016, JSX, React, Redux, CSS-in-JS, and more.
Proudly presenting, React Express!
Table of Contents
- Performance Model
- Event Handling
- Input Handling
- Conditional Rendering
- Lists and Keys
- Refs and the DOM
Contributing
If you'd like to contribute, follow along below to get the repo set up.
Installation
yarn
OR
npm install
Running Dev Server
Client development
For working on the client (new pages, etc):
npm run dev:client
This will run the webpack dev server with hot reload.
Server development
For working on the server:
npm run dev:server
This will build the server bundle for server-side rendering.
Both
For working on both client and server:
npm run dev
Building and Running Production Server
npm run build
npm run start
Contributing
Make sure to lint and prettify your code!
npm run format
npm run test
License
MIT, Copyright (c) 2017 Devin Abbott
Author
Devin Abbott, @dvnabbott