Learn React

Learn React.js with TypeScript

Chapters

1. Starter

   Learn how to start a React.js project from scratch. No boilerplate involved.

2. Saving local state

   Learn how to save the state internally.

3. Handling events

   Learn how to handle events.

4. Conditional rendering

   Learn how to handle conditional rendering of view elements.

5. Decorators

   Learn how to use decorators. We create a bind method decorator.

6. Lists

   Learn how to deal with lists of view elements.

7. Lifting local state

   Learn how to lift local state as a "source of truth".
   We build a simple currency converter.

8. Thinking in React

   Learn how to think the React way of building your app.
   We build a recursive tree menu with a search attached.

9. Prototyping in React

   Learn how to prototype a webapp in React using fake storage data.
   Apply all the principles learned in the previous chapters.
   Hit the limitation of not using a router.

10. Using routes

    Decouple component logic into separate files.
    Use react-router to create routes and links.
    Facilitate prototyping and navigation between pages.

11. Using async data

    Make your prototype use data coming from an XHR request.
    Hit the limitations of the prototype.

12. Using Flux

    Use Flux pattern to manage data flow in your application.

13. Testing

    Testing your components with Enzyme.
    Testing your app with Jest.
    Testing with E2E tests from a user's POV.

14. Optimization

    Common optimization techniques and checks.