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

Member-only story

Mastering React JS SOLID Principles

Kristiyan Velkov
Front-end World
Published in
12 min readJun 26, 2023

--

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

🔥📘 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)