Petar Ivanov
@petarivanovv9.bsky.social
Practical React, Node, and Software Architecture Tips 🔥
Author of “The Conscious React” book ⚛️
Author of the "The T-Shaped Dev" newsletter 🧙
Join 17K+ devs → thetshaped.dev
Author of “The Conscious React” book ⚛️
Author of the "The T-Shaped Dev" newsletter 🧙
Join 17K+ devs → thetshaped.dev
Software Engineers after leading 15 minutes meeting 😅
February 14, 2025 at 3:07 PM
Software Engineers after leading 15 minutes meeting 😅
How to be mediocre?
🚨 Stop learning.
⚠️ People are getting pleased by their comfort, so they usually miss opportunities to stretch their comfort zone and learn.
💪 Embrace mistakes.
🌱 Grow from failures.
🏃♂️ Let’s go to the Growth Zone.
🚨 Stop learning.
⚠️ People are getting pleased by their comfort, so they usually miss opportunities to stretch their comfort zone and learn.
💪 Embrace mistakes.
🌱 Grow from failures.
🏃♂️ Let’s go to the Growth Zone.
February 9, 2025 at 9:42 AM
How to be mediocre?
🚨 Stop learning.
⚠️ People are getting pleased by their comfort, so they usually miss opportunities to stretch their comfort zone and learn.
💪 Embrace mistakes.
🌱 Grow from failures.
🏃♂️ Let’s go to the Growth Zone.
🚨 Stop learning.
⚠️ People are getting pleased by their comfort, so they usually miss opportunities to stretch their comfort zone and learn.
💪 Embrace mistakes.
🌱 Grow from failures.
🏃♂️ Let’s go to the Growth Zone.
When you start a new project or join an older one, add a `jest watch` command to the package.json.
When you run the `test:watch` command, it provides real-time feedback and detailed output of your tests.
When you run the `test:watch` command, it provides real-time feedback and detailed output of your tests.
February 5, 2025 at 3:09 PM
When you start a new project or join an older one, add a `jest watch` command to the package.json.
When you run the `test:watch` command, it provides real-time feedback and detailed output of your tests.
When you run the `test:watch` command, it provides real-time feedback and detailed output of your tests.
Taking a break is not a sign of weakness but a strategy for long-term endurance and success.
Your career is a marathon that can last over 40 years.
Your career is a marathon that can last over 40 years.
February 1, 2025 at 3:06 PM
Taking a break is not a sign of weakness but a strategy for long-term endurance and success.
Your career is a marathon that can last over 40 years.
Your career is a marathon that can last over 40 years.
When your code works, but you don't have any idea why? 😅
January 31, 2025 at 8:00 AM
When your code works, but you don't have any idea why? 😅
I just removed tests, types, linting, code reviews, and CI from my project.
I'm excited to ship my bugs faster. 😅
I'm excited to ship my bugs faster. 😅
January 28, 2025 at 4:20 PM
I just removed tests, types, linting, code reviews, and CI from my project.
I'm excited to ship my bugs faster. 😅
I'm excited to ship my bugs faster. 😅
The Internet is flooded with content, materials, and resources.
Knowing the most useful newsletters, books, courses, creators, and tools is hard.
This weekend, I shared an article outlining some incredible resources that I’ve found valuable in my experience and day-to-day job.
Knowing the most useful newsletters, books, courses, creators, and tools is hard.
This weekend, I shared an article outlining some incredible resources that I’ve found valuable in my experience and day-to-day job.
January 28, 2025 at 8:32 AM
The Internet is flooded with content, materials, and resources.
Knowing the most useful newsletters, books, courses, creators, and tools is hard.
This weekend, I shared an article outlining some incredible resources that I’ve found valuable in my experience and day-to-day job.
Knowing the most useful newsletters, books, courses, creators, and tools is hard.
This weekend, I shared an article outlining some incredible resources that I’ve found valuable in my experience and day-to-day job.
Always remember the KISS principle when coding.
KISS = Keep It Simple, Stupid.
The key essence of this principle is:
💡 Don’t add unnecessary complexity to our software.
KISS = Keep It Simple, Stupid.
The key essence of this principle is:
💡 Don’t add unnecessary complexity to our software.
January 27, 2025 at 3:45 PM
Always remember the KISS principle when coding.
KISS = Keep It Simple, Stupid.
The key essence of this principle is:
💡 Don’t add unnecessary complexity to our software.
KISS = Keep It Simple, Stupid.
The key essence of this principle is:
💡 Don’t add unnecessary complexity to our software.
Code is read-heavy.
We spend more time reading existing code than we spend writing new code.
We spend more time reading existing code than we spend writing new code.
January 26, 2025 at 1:42 PM
Code is read-heavy.
We spend more time reading existing code than we spend writing new code.
We spend more time reading existing code than we spend writing new code.
The organization of files and folders in a React application is crucial for maintaining clarity and manageability.
The easier it is to navigate throughout the project, the less wasted time for developers to navigate and wonder where and how to change stuff.
The easier it is to navigate throughout the project, the less wasted time for developers to navigate and wonder where and how to change stuff.
January 22, 2025 at 3:59 PM
The organization of files and folders in a React application is crucial for maintaining clarity and manageability.
The easier it is to navigate throughout the project, the less wasted time for developers to navigate and wonder where and how to change stuff.
The easier it is to navigate throughout the project, the less wasted time for developers to navigate and wonder where and how to change stuff.
Be careful when using the JavaScript spread operator. 💡
It's a common JavaScript Interview question!
The JavaScript spread operator does a shallow copy.
Basically, it will deep-copy the top-level elements but shallow-copy the nested ones.
See the attached screenshot 👇
It's a common JavaScript Interview question!
The JavaScript spread operator does a shallow copy.
Basically, it will deep-copy the top-level elements but shallow-copy the nested ones.
See the attached screenshot 👇
January 22, 2025 at 8:22 AM
Be careful when using the JavaScript spread operator. 💡
It's a common JavaScript Interview question!
The JavaScript spread operator does a shallow copy.
Basically, it will deep-copy the top-level elements but shallow-copy the nested ones.
See the attached screenshot 👇
It's a common JavaScript Interview question!
The JavaScript spread operator does a shallow copy.
Basically, it will deep-copy the top-level elements but shallow-copy the nested ones.
See the attached screenshot 👇
In TS v5.5, type predicates are inferred automatically from functions that return a narrowing statement.
It’s not necessary to use "x is string" anymore to force TypeScript to infer the proper type.
———
♻ Repost to help others find it
It’s not necessary to use "x is string" anymore to force TypeScript to infer the proper type.
———
♻ Repost to help others find it
January 20, 2025 at 4:13 PM
In TS v5.5, type predicates are inferred automatically from functions that return a narrowing statement.
It’s not necessary to use "x is string" anymore to force TypeScript to infer the proper type.
———
♻ Repost to help others find it
It’s not necessary to use "x is string" anymore to force TypeScript to infer the proper type.
———
♻ Repost to help others find it
Your package.json plays a crucial role in managing a JavaScript project, especially one using Node.js, npm, or yarn.
Your package.json defines your project’s dependencies - the external packages and libraries your project relies on to work.
Your package.json defines your project’s dependencies - the external packages and libraries your project relies on to work.
January 18, 2025 at 7:35 AM
Your package.json plays a crucial role in managing a JavaScript project, especially one using Node.js, npm, or yarn.
Your package.json defines your project’s dependencies - the external packages and libraries your project relies on to work.
Your package.json defines your project’s dependencies - the external packages and libraries your project relies on to work.
I use dark themes.
Remember, light attracts bugs 🐛 😅
Remember, light attracts bugs 🐛 😅
January 17, 2025 at 7:59 AM
I use dark themes.
Remember, light attracts bugs 🐛 😅
Remember, light attracts bugs 🐛 😅
Code is never done, final, or perfect.
Changes in technology, user requirements, and new insights all shape a codebase.
Instead of fighting these shifts, lean into them.
Accept that software must adapt to stay relevant.
Learn how to embrace software entropy.
Changes in technology, user requirements, and new insights all shape a codebase.
Instead of fighting these shifts, lean into them.
Accept that software must adapt to stay relevant.
Learn how to embrace software entropy.
January 14, 2025 at 7:59 AM
Code is never done, final, or perfect.
Changes in technology, user requirements, and new insights all shape a codebase.
Instead of fighting these shifts, lean into them.
Accept that software must adapt to stay relevant.
Learn how to embrace software entropy.
Changes in technology, user requirements, and new insights all shape a codebase.
Instead of fighting these shifts, lean into them.
Accept that software must adapt to stay relevant.
Learn how to embrace software entropy.
While loop without an exit condition in real life 😅
January 11, 2025 at 3:53 PM
While loop without an exit condition in real life 😅
Taking a break is not a sign of weakness but a strategy for long-term endurance and success.
January 11, 2025 at 8:46 AM
Taking a break is not a sign of weakness but a strategy for long-term endurance and success.
When building a React Application, the way you organize and design your code has a tremendous impact.
It can either help you and your team find things more easily, make updates quicker, and better manage the app as it grows, or make everything much worse.
It can either help you and your team find things more easily, make updates quicker, and better manage the app as it grows, or make everything much worse.
January 7, 2025 at 8:44 AM
When building a React Application, the way you organize and design your code has a tremendous impact.
It can either help you and your team find things more easily, make updates quicker, and better manage the app as it grows, or make everything much worse.
It can either help you and your team find things more easily, make updates quicker, and better manage the app as it grows, or make everything much worse.
Have you experienced that? 😅
January 3, 2025 at 8:21 AM
Have you experienced that? 😅
How SoundCloud scaled its Architecture using BFF and Value-Added Services:
Let's deep dive into the summary of what I learned:
Let's deep dive into the summary of what I learned:
December 30, 2024 at 4:10 PM
How SoundCloud scaled its Architecture using BFF and Value-Added Services:
Let's deep dive into the summary of what I learned:
Let's deep dive into the summary of what I learned:
Do you want to level up your React game?
"The Conscious React" blends software design and architecture with React.
“The Conscious React” is a set of timeless principles, guidelines, and best practices for building scalable and robust React Applications.
"The Conscious React" blends software design and architecture with React.
“The Conscious React” is a set of timeless principles, guidelines, and best practices for building scalable and robust React Applications.
December 26, 2024 at 7:25 AM
Do you want to level up your React game?
"The Conscious React" blends software design and architecture with React.
“The Conscious React” is a set of timeless principles, guidelines, and best practices for building scalable and robust React Applications.
"The Conscious React" blends software design and architecture with React.
“The Conscious React” is a set of timeless principles, guidelines, and best practices for building scalable and robust React Applications.
Today is the biggest day of my career.
I just launched my first technical book, “The Conscious React”.
A comprehensive guide on React Architecture, Design, and Clean Code.
I just launched my first technical book, “The Conscious React”.
A comprehensive guide on React Architecture, Design, and Clean Code.
December 23, 2024 at 7:48 AM
Today is the biggest day of my career.
I just launched my first technical book, “The Conscious React”.
A comprehensive guide on React Architecture, Design, and Clean Code.
I just launched my first technical book, “The Conscious React”.
A comprehensive guide on React Architecture, Design, and Clean Code.
In TypeScript, I often prefer using a `Record` or `as const` over a switch statement.
✅ It's easier to read.
✅ Typically less code.
✅ Much safer as it ensures all cases are handled.
---
♻ Repost to help others find it 🙏
✅ It's easier to read.
✅ Typically less code.
✅ Much safer as it ensures all cases are handled.
---
♻ Repost to help others find it 🙏
December 21, 2024 at 8:18 AM
In TypeScript, I often prefer using a `Record` or `as const` over a switch statement.
✅ It's easier to read.
✅ Typically less code.
✅ Much safer as it ensures all cases are handled.
---
♻ Repost to help others find it 🙏
✅ It's easier to read.
✅ Typically less code.
✅ Much safer as it ensures all cases are handled.
---
♻ Repost to help others find it 🙏