🍙
Frontend Dev Guide
  • ⚡Read Me First
  • 📖Frontend Interview Guide
    • 💬Technical Behavior
      • Frontend Interview Questions
      • Answering Interview Questions
    • 💻Coding Challenges
      • Frontend Code Challenges
      • Data Structures and Algorithms
        • Binary Search Tree
        • Blind 75 and Neetcode
      • Take Home Assignments
    • 🕸️Frontend System Design
      • What is Frontend System Design?
        • Parts of the Frontend System Design
          • 1) Gather Requirements
          • 2) Architecture/High Level Design
          • 3) Data Model and Flow
          • 4) API
          • 5) Optimization and Deep Dive
        • Example: Design Spotify
  • 🔦Frontend Deep Dive
    • 🥞Microfrontends
    • 🧩Fundmentals
      • 🔵Cross Browser Compatibility
    • 📚Frameworks/Libraries
      • 🟢Vue
      • 🔵React
        • Waterfalls, Unidirectional Data Flow
        • React Server Components
    • 🏁Patterns
      • 🟡Design Patterns
      • ⚪Rendering Patterns
      • 🟣Performance Patterns
    • 🔋Performance
      • ⚪Network Optimizations
      • 🟠Build Optimizations
      • 🟣Asset Optimizations
      • 🔵Core Web Vitals
  • 🐍Python
    • ⚪Django
      • Classbased Views (CBV)
      • Cross-Site Request Forgery (CSRF)
  • 🗻Working Life
    • 🟣Technical Communication
  • 📚Glossary
  • 💡Resources
  • 👩‍💻About Me
Powered by GitBook
On this page
  • Frontend Interview Prep
  • Frontend System Resources
  • Systems Design
  • Performance
  • Pattern/Architecture Descisions
  • React
  • Frontend Solutions
  • Microfrontends

Resources

Links to resources for Frontend Developers

PreviousGlossaryNextAbout Me

Last updated 2 years ago

Frontend Interview Prep

Frontend System Resources

  •  — The GreatFrontEnd

  •  — Pietro Passarelli

  •  — Airbrake

Systems Design

Performance

Pattern/Architecture Descisions

React

Frontend Solutions

Microfrontends

-- Network Optimizations -- Chirag Goel

-- Assets Optimizations - Chirag Goel

- Sravanti Tekumalla; Released 5/23/19

Autocomplete Problem - Mewtru

💡
Frontend Interview Handbook
Cracking Frontend System Design Interviews
https://medium.com/js-dojo/modern-frontend-architecture-101-f9c88c20ea20
Recro — What is Front end system design? Learn how to ace a frontend interview
High Level Design vs Low Level Design
Frontend System Design Guide
Front-End Engineer: Front-End System Design Playlist
Introduction to Front End System Design
Zhenghao’s Frontend Vs Backend System Design Interviews
System Design Guide for Front-End Developers — Neha Sherma
A Framework for Front End System Design Interviews
Cracking the Frontend System Design Interview — Medhat Dawoud
Big Frontend — Frontend System Design
Youtube: Domain-Driven Frontend
Domain Driven Design
Martin Flower — Domain Driven Design
Best Practice — An Introduction to Domain-Driven Design
Frontend System Design Framework by Aleksandr Gorin
https://interviewing.io/guides/system-design-interview
https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/
https://www.youtube.com/watch?v=XSVkWiW-t4k
https://www.youtube.com/watch?v=9JDlZxR8gVw
https://blog.logrocket.com/using-css-content-visibility-to-boost-your-rendering-performance/
https://outset.dev/micro-frontend-solid-principles-d08730583aba
https://www.toptal.com/javascript/comprehensive-guide-javascript-design-patterns
https://dev.to/this-is-learning/patterns-for-building-javascript-websites-in-2022-5a93
https://en.wikipedia.org/wiki/Hydration_(web_development)
https://web.dev/rendering-on-the-web/
https://www.linkedin.com/learning/react-state-management/
https://www.youtube.com/watch?v=Ju6VSLKXrJg
https://www.youtube.com/watch?v=lKKsjpH09dU