آموزش پیشرفته React - آخرین آپدیت

Components Components

• Introduction to the course Introduction to the course

• React and your career opportunites React and your career opportunites

• Setting up VS code (Optional) Setting up VS code (Optional)

• Grid layouts Grid layouts

• Transforming lists in JavaScript Transforming lists in JavaScript

• Render a simple list component Render a simple list component

• What are Keys in React? What are Keys in React?

• Using Keys Within List Components Using Keys Within List Components

• What are controlled components? What are controlled components?

• Creating a Form component in React Creating a Form component in React

• Create a Controlled Form Component Create a Controlled Form Component

• What you know about Props and State What you know about Props and State

• What is Context, and why is it used? What is Context, and why is it used?

• Module summary: Components Module summary: Components

React Hooks and Custom Hooks React Hooks and Custom Hooks

• Working with React hooks Working with React hooks

• Revising useState hook Revising useState hook

• Using the useState hook Using the useState hook

• What are side effects? What are side effects?

• Using the useEffect hook Using the useEffect hook

• What are the rules of hooks? What are the rules of hooks?

• What you need to know before fetching data What you need to know before fetching data

• Fetching data – Putting it all together Fetching data – Putting it all together

• APIs APIs

• What is useReducer and how it differs from useState What is useReducer and how it differs from useState

• useRef to access underlying DOM useRef to access underlying DOM

• Module summary: React Hooks and Custom Hooks Module summary: React Hooks and Custom Hooks

JSX and testing JSX and testing

• JSX, Components and Elements JSX, Components and Elements

• The importance of performance to software development The importance of performance to software development

• Component composition with children Component composition with children

• Manipulating children dynamically in JSX Manipulating children dynamically in JSX

• Spread Attributes Spread Attributes

• Cross cutting concerns in React Cross-cutting concerns in React

• Create a HOC for cursor position Create a HOC for cursor position

• Render props Render props

• Why React Testing Library Why React Testing Library

• Writing the first test for your form Writing the first test for your form

• Style guides Style guides

• Module summary: JSX and Testing Module summary: JSX and Testing

Final project Final project

• Course recap: Advanced React Course recap: Advanced React

• Solution walk through: Portfolio Solution walk-through: Portfolio

• Congratulations, you have completed Advanced React! Congratulations, you have completed Advanced React!