Frontend Infrastructure
• 1 min read
Photo by shawnangggFrontend Infrastructure teams empower product teams with the foundational frontend ecosystem and reliable, performant, and developer-friendly tools to efficiently build great user experiences.
Introduction
This introduction covers tools to build a mental model around frontend infrastructure: techniques and strategies, skills, and additional resources.
- Frontend Infrastructure: Techniques and Strategies
- Frontend Infrastructure: Skills
- Frontend Infrastructure: Resources
Studies, Research & Experiments
The research and experiments I've been doing and documenting about frontend infrastructure in posts format.
Mastering JavaScript
TypeScript Learnings
- A Mental Model to think in TypeScript
- Object Destruturing
- Type System
- Interesting Types
- Union Types with Objects
Modules and Bundlers
- Frontend Infrastructure: JavaScript as Scripts
- Frontend Infrastructure: Scope & Closure
- Frontend Infrastructure: IIFE
- Frontend Infrastructure: Namespaces
- Frontend Infrastructure: ESModules & CommonJS
Frontend Architecture
- Frontend Challenges: Room Selector Dialog
- Rebuilding a Search product
- Data Fetching in React with react-query
Web Performance
Developer Experience
Keep up-to-date
To keep up-to-date with the study and research, follow the experiments on the Frontend Infrastructure github repository.
Or follow me on social media below:
Hey! You may like this newsletter if you're enjoying this blog. ❤
✖