Advanced ReactJS development for Drupal 8
This training can be taken by itself or as a follow-up to Elevate Your Drupal 8 Application with ReactJS.
Already built a few Decoupled Drupal websites using ReactJS? Once you get through the basics, you'll run into issues that you may not have anticipated when initially deciding to complete a decoupled project with React.
In this class, we'll dive into tools and techniques for dealing with non-trivial scenarios in ReactJS with Drupal. What's the best way to set up your decoupled D8 site? What should our caching setup look like? Server-side, client-side, Drupal cache tags, Varnish, CDNs - how do they all work together? And beyond that, what are the more advanced development techniques being used today for React? We'll discuss routing, Redux, Behavioral Programming, Explicit states, Higher order components, render props, context, Portals, and more!
Learning Objectives
- Build maintainable codebases for larger React apps
- Apply advanced techniques to build more reuseable components across apps
- Enhance Drupal forms with autosaving
- Understand caching implications between Drupal's cache tag system, server-side rendering, and all of the caching layers
Prerequisites
Understanding of ReactJS and at least an intermediate level ability as a programmer using JavaScript.
Target Audience
People who have already built app(s) using React. People who have faced issues creating maintainable React codebases on larger projects, or would like to be prepared to do so. And people who want to move from creating simple client-side React apps to understanding the wider implications of server-side rendering your fully decoupled app in the context of Drupal.