🍙
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

Frontend Interview Prep

  • Frontend Interview Handbook

Frontend System Resources

  • 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 — The GreatFrontEnd

  • 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 — Pietro Passarelli

  • Cracking the Frontend System Design Interview — Medhat Dawoud

  • Big Frontend — Frontend System Design

  • Youtube: Domain-Driven Frontend

  • Domain Driven Design — Airbrake

  • Martin Flower — Domain Driven Design

  • Best Practice — An Introduction to Domain-Driven Design

  • Frontend System Design Framework by Aleksandr Gorin

Systems Design

  • https://interviewing.io/guides/system-design-interview

Performance

  • https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/

  • https://www.youtube.com/watch?v=XSVkWiW-t4k -- Network Optimizations -- Chirag Goel

  • https://www.youtube.com/watch?v=9JDlZxR8gVw -- Assets Optimizations - Chirag Goel

  • https://blog.logrocket.com/using-css-content-visibility-to-boost-your-rendering-performance/

Pattern/Architecture Descisions

  • 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/

React

  • https://www.linkedin.com/learning/react-state-management/ - Sravanti Tekumalla; Released 5/23/19

Frontend Solutions

  • Autocomplete Problem - Mewtru https://www.youtube.com/watch?v=Ju6VSLKXrJg

Microfrontends

  • https://www.youtube.com/watch?v=lKKsjpH09dU

PreviousGlossaryNextAbout Me

Last updated 2 years ago

💡