Learn React.js with TypeScript
Chapters
- Starter
Learn how to start a React.js project from scratch. No boilerplate involved.
- Saving local state
Learn how to save the state internally.
- Handling events
Learn how to handle events.
- Conditional rendering
Learn how to handle conditional rendering of view elements.
- Decorators
Learn how to use decorators. We create a
bindmethod decorator. - Lists
Learn how to deal with lists of view elements.
- Lifting local state
Learn how to lift local state as a "source of truth".
We build a simple currency converter. - Thinking in React
Learn how to think the React way of building your app.
We build a recursive tree menu with a search attached. - 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. - Using routes
Decouple component logic into separate files.
Usereact-routerto create routes and links.
Facilitate prototyping and navigation between pages. - Using async data
Make your prototype use data coming from an XHR request.
Hit the limitations of the prototype. - Using Flux
Use Flux pattern to manage data flow in your application.
- Testing
Testing your components with Enzyme.
Testing your app with Jest.
Testing with E2E tests from a user's POV. - Optimization
Common optimization techniques and checks.