Your React “Clean Code” Book
SOLID Principles Applied In React
Elevate your React skills with clean code principles. Your gateway to applying S.O.L.I.D Principles for writing cleaner, easier to read and better code.
Elevate Your React Skills
Wether you’re still a beginner, intermediate or advanced, the “SOLID React” Book will help you write more reliable code and shine among other team members with your outstanding components
Learn the best ways to write code that is readable, maintainable and looks professional.
<Navbar onAction={signup} mode="dark" placement="top" style={{ width: "200px" }} /><Navbar />make changes to your components without causing cascading changes
SOLID align perfectly with agile development practices
Your code can be read by anyone, including your 9 year old child or even yourself after 6 months.
Spend less time debugging your code and more time putting new features together.
1return <div>
2 <label>Change Username:</label>
3 {response.username && <Input />}
4 <button>Update</button>
5</div>Learn the best ways to write code that is readable, maintainable and looks professional
Loved By Thousands
Join thousands of developers and React folks that already loved the SOLID React principles video tutorial on Youtube with more than 19k likes ❤️
GMMan, thank you very much!! You are so good at explaining and sharing the core idea. ❤ I already have so much more knowledge to apply on my projects.
AMWow. I was surprised to learn that we can implement SOLID principles in react — Typescript makes it possible. One more reason to use typescript over conventional JS. Well explained by @Ipenywis in his video.
DNFinally, we have dev care about paradigms and solid principles, 2 thumbs up!!
ASThe best React SOLID tutorial ever! Awesome!
PNGreat to see SOLID principle in React, as reading SOLID in the form of back-end coding languages kinda bore me a lot tbh :D
ERGreat explanation.
REMuito bom esse vídeo
DTCan not be simpler with this explaination. Thank you so much
SAGreat video!
BEThank you because these concepts are usually explained in other languages without any connection with React. Explaining them with good examples through React helped me a lot.
BLThis video has saved me from a lot of pain thank you!
PWthank you so much 👏👏
RSThank you for this piece. I learned a lot. 👏
RCThank you!!!
NTNice one bro.... easy explanation with code. Like that one 👍
TCComing after the Berlin React 2023, you were the only speaker interesting today. I subscribed as well, i'll be watching all of your videos :)
CHGreat explanations! As a 'native' JS developer I always struggle to understand/translate those OOP principles since I use a lot of functional programming just as React does. This video is pure gold, I will be glad if you make some others videos about things such as design patterns. Thank you!
DZa very helpful video, the content is simple understand, this is very useful
LKThank you, sir!
PKThat's a SOLID explanation. Great stuff. Keep up
In the Heart of S.O.L.I.D
Learn about SOLID Principles from the original clean-code book by Robert C. Martin
What's Inside The Book
Accelerate your learning with carefully curated, concise chapters featuring practical examples and illustrative code snippets.
- Introduction01
- The React Ecosystem02
- Clean Code03
- SOLID Principles08
- Single Responsibility Principle (SRP)10
- Open-Closed Principle (OCP)16
- Liskov Substitution Principle (LSP)20
- Interface Segregation Principle (ISP)24
- Dependency Inversion Principle (DIP)28
- SOLID Benefits32
- Advanced SOLID Examples33
- SRP34
- OCP51
- LSP63
- ISP71
- DIP79
- Naming Conventions87
- Folder Structure88
- Filenames90
- Main Pages92
- Components93
- Others94
- Exceptions Handling98
- Error Handling & Clean Code100
- The Good Old Way101
- Standard Error Boundaries103
- Enhanced Error Boundaries109
- Libraries & Tools for clean-code113
- Prettier115
- ESLint119
- Husky + lint-staged124
- Code Repository129
- Clean Code Caveats133
- You Can't Always Get It Right!136
- Conclusion137
- What's Next?139
- Credits140
Grab Your Copy Now!
Your comprehensive guide to crafting Cleaner React Code, all conveniently packaged in one resource.
Free Preview
Try it before you buy it!
Buy the book
One-time payment
Hey, It's Islem 👋
In 2017, I launched my YouTube channel to share what I was learning with fellow developers.
Not long after, I discovered React and became passionate about how effortlessly it allows developers to build scalable, enterprise-level user interfaces.
However, I soon realized that writing code in React without following the right principles resulted in messy, unmaintainable code. After diving deeper, I found I had been overlooking many foundational principles and best practices essential for clean, readable, and maintainable code.
This led me to write a book where I bring together all the must-know principles for writing quality React code, including:
- Applying SOLID principles from the "Clean Code" book to React projects.
- Best practices and conventions for organizing files, folders, and project structures.
- Standing out in your team by writing well-structured, clean code—no more messy PRs.
With over 650k views and 19,000 likes on my "The Only Right Way to Write Clean React Code - SOLID" video, and 108k subscribers on YouTube, many developers trust me to help them write better code.