The Conscious React 🎉

🎁 A comprehensive guide on React Architecture, Design, and Clean Code.

I’m happy to announce that I’m wrapping up the first draft of my upcoming book - “The Conscious React”. 🎉

The Conscious React is a set of timeless principles, tips, and best practices for building React Applications.

The goal of this book is to share my 7+ years of experience, things that worked well for me, and things that didn’t.

Take everything here with a pinch of salt. Software can be built in multiple ways.

Why another book on React?

I’ve come to realize that too many software, business, and soft skills books are filled with fluff.

I’ve come to really appreciate books that are just long enough to deliver their value and short enough that there’s an “aha” moment on nearly every page.

And that’s the promise of “The Conscious React”.

“The Conscious React” is not a book about React 101. It doesn’t explain or teach React.

“The Conscious React” combines the essentials of software design and architecture with React, helping you to learn to write scalable and testable React apps from first principles.

Become the React Architect at your Company!

About the book

The book consists of timeless principles, tips, and guidelines for building scalable and robust React Applications.

Each tip has 3 main sections:

• 🧩 Context - why this tip is important and how it might help you

• ⛔ Avoid - what to avoid doing

• ✅ Prefer - what to prefer doing

The book includes 5 main chapters covering the following topics:

1. Application Structure & Architecture

2. Component Design

3. Performance

4. Testing

5. Tooling

Chapters Preview (FREE) 🎁

Here are some of the principles and tips that will be included in the book.

🎁 You can read them for FREE.👇

1. Application Structure & Architecture

• 10 ways to better organize and design your React Application

• Pin your dependencies in package.json to increase your project's health

• State Management & Data Fetching Libraries in React

• React Component Mental Models

• The styling dilemma in React

2. Component Design

• 15 React Component Principles & Best Practices for Better Software Architecture & Design

• How to use Reducer in React for better State Management: 2 effective ways for simpler design and architecture

3. Performance

• 7 practical tips on performance optimizations in React applications

4. Testing

• 9 React Testing Best Practices for Better Design and Quality of Your Tests

5. Tooling

• 2 must-have tools in your React Project for having a consistent codebase

---

🎉 The book will be available in December. 🎉

---

👋 Let’s connect

You can find me on LinkedIn or Twitter.

I share daily practical tips to level up your skills and become a better engineer.

Thank you for being a great supporter, reader, and for your help in growing to 14.1K+ subscribers this week 🙏

---

This newsletter is funded by paid subscriptions from readers like yourself.

If you aren’t already, consider becoming a paid subscriber to receive the full experience!

Think of it as buying me a coffee twice a month, with the bonus that you also get all my templates and products for FREE.

You can also hit the like ❤️ button at the bottom to help support me or share this with a friend to get referral rewards. It helps me a lot! 🙏

---

👏 Weekly Shoutouts

• How Databases Keep Passwords Securely by

  Neo Kim

• The Complete Guide to Starting TDD by

  Daniel Moka

• How to become a Fractional CTO? by

  Gregor Ojstersek
  and
  Sergio Visinoni

• How I got 27 hours in a week by installing one tool by

  Jordan Cutler

• What’s an event and what should be inside? by

  Raul Junco

• The Journey of a SQL Query Through a Database by

  Saurabh Dashora

---

If you liked this post, share it with your friends and colleagues!