Understanding React.js

React.js has become one of the top players in the JavaScript libraries world. WordPress has rebuilt its WYSIWYG editor using React. Drupal has recently adopted the library to create admin interfaces. This session aims to explain the basic concepts of React outside of the context of any particular CMS implementation. [Throughout the training, a static site will be converted into a React application. Along the way, you will learn about different concepts and the process of working with React.] Many examples will be presented to help you understand it and why it is so powerful.

Learning objectives:

  • What are the benefits of using React.js?
  • How much ES6 do I need to know?
  • What is a component and how to create it?
  • What is a state, props, and context?
  • What are proptypes?
  • What are lifecycle methods?
  • What are hooks?
  • What is JSX and what about separation of concerns?
  • How to do routing?
  • How to work with forms?