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
Pinned
Petar Ivanov
@petarivanovv9.bsky.social
· Dec 23
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.
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.
• Junior developer → Delivers a task.
• Mid/Regular developer → Delivers a project.
• Senior & above developer → Delivers a standard.
Senior developers improve the overall velocity of the organization by introducing many practices and standards.
• Mid/Regular developer → Delivers a project.
• Senior & above developer → Delivers a standard.
Senior developers improve the overall velocity of the organization by introducing many practices and standards.
February 8, 2025 at 9:38 AM
• Junior developer → Delivers a task.
• Mid/Regular developer → Delivers a project.
• Senior & above developer → Delivers a standard.
Senior developers improve the overall velocity of the organization by introducing many practices and standards.
• Mid/Regular developer → Delivers a project.
• Senior & above developer → Delivers a standard.
Senior developers improve the overall velocity of the organization by introducing many practices and standards.
Known vulnerabilities in dependencies.
Some versions of third-party components might contain security issues.
Check your dependencies and update when better versions become available.
✅ Use a tool like the free Snyk CLI to check for vulnerabilities.
Some versions of third-party components might contain security issues.
Check your dependencies and update when better versions become available.
✅ Use a tool like the free Snyk CLI to check for vulnerabilities.
February 6, 2025 at 3:05 PM
Known vulnerabilities in dependencies.
Some versions of third-party components might contain security issues.
Check your dependencies and update when better versions become available.
✅ Use a tool like the free Snyk CLI to check for vulnerabilities.
Some versions of third-party components might contain security issues.
Check your dependencies and update when better versions become available.
✅ Use a tool like the free Snyk CLI to check for vulnerabilities.
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.
Be mindful when you’re looking for your next job…
If you go for the earning early, you stop the learning early.
Do not think short. Be smart.
There’s time for the earning.
Skills will compound.
In the best case, you will be optimizing for both earning and learning.
If you go for the earning early, you stop the learning early.
Do not think short. Be smart.
There’s time for the earning.
Skills will compound.
In the best case, you will be optimizing for both earning and learning.
February 3, 2025 at 2:50 PM
Be mindful when you’re looking for your next job…
If you go for the earning early, you stop the learning early.
Do not think short. Be smart.
There’s time for the earning.
Skills will compound.
In the best case, you will be optimizing for both earning and learning.
If you go for the earning early, you stop the learning early.
Do not think short. Be smart.
There’s time for the earning.
Skills will compound.
In the best case, you will be optimizing for both earning and learning.
State management libraries help manage and centralize state in React applications, which can grow complex as the application scales.
However, as they might help, they can also add extra complexity, which might not be necessary and beneficial.
However, as they might help, they can also add extra complexity, which might not be necessary and beneficial.
February 3, 2025 at 8:58 AM
State management libraries help manage and centralize state in React applications, which can grow complex as the application scales.
However, as they might help, they can also add extra complexity, which might not be necessary and beneficial.
However, as they might help, they can also add extra complexity, which might not be necessary and beneficial.
If you don't want to spend 10 minutes reading the documentation, you can always spend 10 hours debugging the issue. 🤷♂️
Be mindful of the trade-off and your time.
Act appropriately.
Be mindful of the trade-off and your time.
Act appropriately.
February 2, 2025 at 3:11 PM
If you don't want to spend 10 minutes reading the documentation, you can always spend 10 hours debugging the issue. 🤷♂️
Be mindful of the trade-off and your time.
Act appropriately.
Be mindful of the trade-off and your time.
Act appropriately.
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? 😅
Consistency is key in any project.
In the JavaScript world, I've found Airbnb's JavaScript Style Guide to be a must-have for every project.
Following a style guide in a project offers several benefits:
🧵
In the JavaScript world, I've found Airbnb's JavaScript Style Guide to be a must-have for every project.
Following a style guide in a project offers several benefits:
🧵
January 30, 2025 at 2:58 PM
Consistency is key in any project.
In the JavaScript world, I've found Airbnb's JavaScript Style Guide to be a must-have for every project.
Following a style guide in a project offers several benefits:
🧵
In the JavaScript world, I've found Airbnb's JavaScript Style Guide to be a must-have for every project.
Following a style guide in a project offers several benefits:
🧵
One of the best resources I found for learning patterns for improving a website's performance, design, and rendering.
Patterns for JavaScript, React, and Vue.
It has practical and visual examples.
Patterns for JavaScript, React, and Vue.
It has practical and visual examples.
January 29, 2025 at 2:57 PM
One of the best resources I found for learning patterns for improving a website's performance, design, and rendering.
Patterns for JavaScript, React, and Vue.
It has practical and visual examples.
Patterns for JavaScript, React, and Vue.
It has practical and visual examples.
Reposted by Petar Ivanov
The key lesson I've learned in mentoring software developers:
👉 Instead of telling them what to do, focus on why and how.
Now I:
🧵👇
👉 Instead of telling them what to do, focus on why and how.
Now I:
🧵👇
January 29, 2025 at 7:49 AM
The key lesson I've learned in mentoring software developers:
👉 Instead of telling them what to do, focus on why and how.
Now I:
🧵👇
👉 Instead of telling them what to do, focus on why and how.
Now I:
🧵👇
The key lesson I've learned in mentoring software developers:
👉 Instead of telling them what to do, focus on why and how.
Now I:
🧵👇
👉 Instead of telling them what to do, focus on why and how.
Now I:
🧵👇
January 29, 2025 at 7:49 AM
The key lesson I've learned in mentoring software developers:
👉 Instead of telling them what to do, focus on why and how.
Now I:
🧵👇
👉 Instead of telling them what to do, focus on why and how.
Now I:
🧵👇
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. 😅
Reposted by Petar Ivanov
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.
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.
In the busyness and hustle of modern work culture, it’s easy to get caught up in the 24/7 working mode.
We often push ourselves to the end, forgetting that we need to step back and recharge to deliver our best.
We often push ourselves to the end, forgetting that we need to step back and recharge to deliver our best.
January 25, 2025 at 4:13 PM
In the busyness and hustle of modern work culture, it’s easy to get caught up in the 24/7 working mode.
We often push ourselves to the end, forgetting that we need to step back and recharge to deliver our best.
We often push ourselves to the end, forgetting that we need to step back and recharge to deliver our best.
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 👇
8 effective debugging strategies:
🧵 👇
🧵 👇
January 21, 2025 at 3:36 PM
8 effective debugging strategies:
🧵 👇
🧵 👇
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