The Road to React: The One with Class Components

Description

In this course, you will :

• The fundamentals of V15 React.
• How to use an API, how to organise and test your code, and how to give your React app state.
• Gain hands-on experience building a fully functional Hacker News App throughout this course.
• Able to create your own applications and have something to show off in your portfolio.

Syllabus :

1. Intro to React and some JavaScript Basics

• Hi, my name is React
• ES6 const and let
• ES6 Arrow Functions
• ES6 Classes
• Complex JavaScript in JSX
• An Introduction to the create-react-app

 

2. Basics in React

• Local Component State
• ES6 Object Initializer
• Unidirectional Data Flow
• Bindings
• Event Handler
• Interactions with Forms and Events
• ES6 Destructuring
• Controlled Components
• Split Up Components
• Composable Components
• Reusable Components
• Component Declarations
• Styling Components
• Recap

 

3. Getting Real with an API

• Lifecycle Methods
• Fetching Data
• ES6 Spread Operators
• Conditional Rendering
• Client- or Server-side Search
• Paginated Fetch
• Client Cache
• Error Handling
• Axios instead of Fetch
• Recap

 

4. Code Organization and Testing

• ES6 Modules: Import and Export
• Code Organization with ES6 Modules
• Snapshot Tests with Jest
• Unit Tests with Enzyme
• Component Interface with PropTypes
• Debugging with React Developer Tools
• Recap

 

5. Advanced React Components

• Ref a DOM Element
• Loading …
• Higher-Order Components
• Advanced Sorting
• Advanced Sorting: implementing reverse sort
• Recap

 

6. State Management in React and beyond

• Lifting State
• Revisited: setState()
• Taming the State
• Recap

 

7. Final Steps to Production

• Eject
• Deploy your App

Show more