Sitemap
Front-end World

JavaScript | TypeScript | React.js | Next.js | Vue.js | Angular | Analog | HTML | CSS | SASS | Tailwind CSS | Shadcn UI | TanStack | Turbopack | Vite | HTMX | RxJS | GraphQL | REST APIs | Node.js | Express.js | Nest.js | Docker | DevOps | Web Security & Web Accessibility

Mastering React JS SOLID Principles

12 min readJun 26, 2023

--

Press enter or click to view image in full size

What are SOLID principles?

SOLID principles are five design principles that help us keep our application reusable, maintainable, scalable, and loosely coupled.

The SOLID principles are:

  • [S] — Single-responsibility principle
  • [O] — Open-Closed principle
  • [L] — Liskov substitution principle
  • [I] — Interface segregation principle
  • [D] — Dependency inversion principle
Press enter or click to view image in full size

🔥📘 BUY MY BOOK & SUPPORT ME! 📘🔥

Single-responsibility Principle

--

--

Front-end World
Front-end World

Published in Front-end World

JavaScript | TypeScript | React.js | Next.js | Vue.js | Angular | Analog | HTML | CSS | SASS | Tailwind CSS | Shadcn UI | TanStack | Turbopack | Vite | HTMX | RxJS | GraphQL | REST APIs | Node.js | Express.js | Nest.js | Docker | DevOps | Web Security & Web Accessibility

Kristiyan Velkov
Kristiyan Velkov

Written by Kristiyan Velkov

Front-end Advocate | Meta Certified React JS Developer | Tech lead | Speaker | Book Author| React.js | Next.js | Angular | TS | DevOps | People management

Responses (15)