React.js Essential Training

React.js Essential Training

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 1h 25m | 273 MB

Among all other JavaScript libraries, React.js stands out. It relies on reusable components, not templates, for UI development, allowing developers to render views where data changes over time. React applications are more scalable and more maintainable, making developers more efficient and users more satisfied. In this course, Eve Porcello introduces the basics of the React library using the most modern syntax and best practices for creating React components. Along the way, learn how to set up Chrome tools for React; create new components; use props and state to pass data between components; and more. By the end of the course, you’ll understand the essentials of React.js and be able to start building your own browser-based projects.

Topics include:

  • Refactoring elements with JSX
  • Creating components
  • Adding component properties and methods
  • Displaying child components
  • Working with props and state
  • Conditional rendering
Table of Contents

1 Create robust user interfaces with React.js
2 What you should know
3 Working with the exercise files
4 What is React
5 Set up Chrome tools for React
6 Inspect React sites
7 Install create-react-app
8 Generate a project
9 Create React elements
10 Refactor elements using JavaScript as XML (JSX)
11 Create a React component
12 Add component properties
13 Create the SkiDayCounter component
14 Add custom methods
15 Create function components
16 Compose components
17 Display child components
18 Introducing state
19 Using setState
20 Pass state as props
21 Conditional rendering
22 Component life cycle
23 Fetching data
24 Accessibility
25 Forms
26 Default props
27 PropTypes
28 Modularizing code
29 Build the app
30 Next steps