Archive - The T-Shaped Dev

7 practical tips on performance optimizations in React applications

Optimizing React apps is about smart choices, not exhaustive tweaks. (4 min)

Nov 17 •

The styling dilemma in React

Embrace the classless styling approach for better maintainability and readability (5 min)

Nov 10 •

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

Explore the benefits of using the useReducer hook in React for more maintainable and readable components. (3 min)

Nov 3 •

October 2024

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

How automated formatting and linting enhance code quality and collaboration? (4 min)

Oct 27 •

8 effective debugging strategies to find and fix bugs like a pro

Improve your problem-solving skills with these practical debugging tips. (4 min)

Oct 20 •

How to better structure your next Node.js project? The Modular Monolith Approach.

Embrace the simplicity and scalability of the Modular Monolith Architecture.

Oct 9 •

September 2024

How to Guide: Migrate a React Project from Bootstrap to Tailwind CSS

A software architecture migration of a React SPA from Bootstrap to Tailwind CSS (6 min)

Sep 29 •

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

A Senior Engineer’s Guide to Effective React Testing (includes Cheat Sheet) (6 min)

Sep 25 •

Focus on learning one programming language and accelerate your SWE career

Become an expert and a valuable team player. (4 min)

Sep 15 •

4 tools to supercharge your Jest Testing and increase your productivity while testing

Speed up the feedback loop from your tests to quickly identify and fix issues. (3 min)

Sep 12 •

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

Avoid problems like "it works on my machine" issues and security flaws

Sep 1 •

August 2024

The importance of taking breaks and recharging your batteries

Get closer to a more conscious work-life balance.

Aug 25 •

#nojs-banner { position: fixed; bottom: 0; left: 0; padding: 16px 16px 16px 32px; width: 100%; box-sizing: border-box; background: red; color: white; font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; line-height: 13px; } #nojs-banner a { color: inherit; text-decoration: underline; } This site requires JavaScript to run correctly. Please turn on JavaScript or unblock scripts