Building Next-gen Web Frameworks using React
summary
A React-based framework called Helix scaffolds a full app with one command and publishes each component as npm packages to Nexus, using ES6, Babel, webpack and Docker + Jenkins for CI/CD; it adds a CLI that generates components, a Helix CLI with yarn/npm templates, a plugin system (examples: helix-redux, router provider), PWA offline via service worker and loadable-components code-splitting, and integrates Lighthouse CI (runs = 2) to track performance — the setup builds deployable images and reports show it working.
AI-written summary · about
chapters (10)
- 0:00Introduction to talk
- 1:27Component system architecture
- 3:59Moving to production
- 10:39Introducing Helix framework
- 13:05Helix CLI and scaffolding
- 17:17Helix features and commands
- 22:05Progressive Web App support
- 26:18Bundler and performance optimizations
- 30:33Lighthouse integration for performance
- 34:48Summary and Q&A
related talks
32mBuilding a Multi-Framework Micro-Frontend App with Webpack5
33mThe art of building a framework
12mNext.js A Framework For Frameworks
44mJavaScript in 2017: You might (not) need a framework
02h 32mBuild next gen web apps using web components
34mWhat's Next? Exploring the future of React
36mMicro Frontends in Action!
14mBuilding React applications with JHipster