Explore the React ecosystem and learn how to build a robust React-based stack in this 49-minute conference talk from Devoxx. Discover essential tools and libraries that complement React, including React Dev Tools for debugging, package managers for library management, and static analyzers for catching errors. Learn about tree-shaking, NPM/Yarn scripts, and Flow type inference. Dive into Create React App for quick project setup, CSS Modules for scoped styling, and React Router for navigation. Explore server-side rendering techniques, API optimization, and Facebook libraries. Gain insights on component CSS and how to effectively combine these tools to create a powerful React framework. By the end of this talk, confidently navigate the React ecosystem and prioritize which libraries to learn first.
Overview
Syllabus
Navigating the React Solar System
React Dev Tools Help debug React props & state
Package managers Help include & manage helper libraries
Tree-Shaking
NPM/Yarn Scripts
Static Analyzers Help catch errors in written code before runtime
Flow type inference
Create React App Create React apps with no build configuration
CSS Modules Automatically scope CSS dass names to the component
React Router
Server-side Rendering Without a Node back-end...
API Optimization
Facebook Libraries
Component CSS Associate React components with CSS snippet
Taught by
Devoxx
