From static site to Javascript application - An introduction to React.js

Presenters: dinarcon

React.js is one of the top players in the JavaScript libraries world. Drupal has recently adopted the library to create admin interfaces. WordPress uses it to power its WYSIWYG Gutenberg editor. This session will explain the basic concepts of React by converting a static site into a dynamic React application powered by a Drupal backend. 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 works and why it is so powerful. No previous experience with React.js is required. Basic familiarity with HTML, CSS, and JavaScript syntax suffices.

Learning objectives:

  • What are the benefits of using React.js?
  • What is a component and how to create it?
  • What is JSX and what about separation of concerns?
  • What is a state, props, and context?
  • What are hooks?
Audience
Experience Level
Beginner
Status
Proposed
Session Track