The basics of the React library

During the course, students will learn how to use React, the JavaScript library developed by Facebook and the most popular JavaScript library globally.

Through practical examples, they will learn the basics of React and gain insights into component-based development.

They will be able to build simple client-side SPAs using React, all using a modern code editor Visual Studio Code. They will also learn about best practices used in development.

Do you have html, css and advanced JavaScript skills and want to learn the secrets of a JavaScript library to develop web, mobile or desktop applications? Then this course is for you.

Are you already a developer or are you familiar with a JavaScript framework/library and want to learn something new? This course is perfect for you too.

• What is React?
• Learn the syntax of React without using a build tool:
  • The App root component, JSX syntax
  • Rendering a component
  • Data representation in the DOM, string interpolation
  • Assigning primitive variable values to HTML attributes
  • Assigning object properties to HTML attributes
  • Processing an array of objects
  • The key attribute
  • Conditional rendering
  • Ways to use styles
  • React application lifecycle lifecycle hooks
  • State: reactive variables, using the useState() hook
  • Event handling
  • Calculated values
  • The useEffect() hook
  • Using the useEffect() hook in conjunction with fetchApi
  • Using the useEffect() hook with timers
  • Handling form elements
  • Implementing complete forms
  • Implementing bidirectional data binding
  • Using the useRef() hook
  • Old class components and lifecycle methods
  • Introduction to component-based development
  • The Vite build tool, React application initialization
  • Overview of React project structure, default scripts
• Introduction to component based development
  • Component input: using props
  • Validating props
  • Debugging, using the browser developer toolbar
  • React design principles
  • Higher-order components
  • Controlled and UnControlled Components
• Building a complete application:
  • Video player

HTML, CSS basics, JavaScript ES6+ and OOP basics, or complete our Fundamentals of Enterprise Web Development course.