The goal of this project is to provide a set of step by step guided samples, covering core concepts of React (props, state, replace, cycle...).
Topics covered:
- Creating a basic starting point from scratch.
- Basics creating components and managing with props.
- Managing State plus callbacks.
- Playing with currified functions.
- Displaying tabular data.
- Controlling render lifecycle.
- Routing.
- Managing form + validations
- Next context api.
- Creating High order components.
Contributors and reviewers are more than welcome.
- Install NodeJS.
- Download this repo.
- Open the command line of your choice and cd to the root directory of this repo on your machine, then cd to one of the demos projects.
- Install the required packages -
npm install. - Builds the project and launch a lite dev web server -
npm start. - Navigate to http://localhost:8080/ if your browser doesn't open automatically.
Bundling + npm start based on webpack.
Hello world, simples react render sample.
Introduce a basic React concept, handling properties.
Introduce a basic React concept, handling State.
Using callbacks.
Refactor the job done.
Remove state from a child control just to have clear governance of state.
Enable/disable components.
Simple color picker demo (show how properties work).
ColorPicker refactor.
Implementation of a single sidebar.
Render a table and use a child component to render each row.
Using Promises.
Enhance rendering performance hooking to 'shouldComponentUpdate'.
React Router navigation example.
Basic implementation of a login page.
React Form validation, using lc-form-validation library
How to use React 16 context api.
Hig Order component sample..
We are a team of long-term experienced freelance developers, established as a group in 2010. We specialize in Front End technologies and .NET. Click here to get more info about us.
For the LATAM/Spanish audience we are running an Online Front End Master degree, more info: http://lemoncode.net/master-frontend