JavaScript to Know for React
One of the things I love most about React compared to other frameworks that I've used is how exposed you are to JavaScript when you're using it. There's no template DSL (JSX compiles to sensible JavaScript), the component API has only gotten simpler with the addition of React Hooks , and the…
Read →
How to get experience as a software engineer
Here's the secret: More Problems, More Experience Here's one thing that I've observed in my time as a career software engineer: There's no shortcut to experience. You have to put in the time. That said, there are things that you can do to ensure that your time is contributing effectively to your…
Read →
5 Tips to Help You Avoid React Hooks Pitfalls
The React Hooks feature was proposed in October 2018 and released ~4 months later in February 2019. Since then, people have been rapidly learning and adopting hooks in their production codebases because hooks drastically simplify the management of state and side effects in applications. It…
Read →
Avoid Nesting when you're Testing
I want to show you something. What I'm going to show is a general testing principle, applied to a React component test. So even though the example is a React one, hopefully it helps communicate the concept properly. Note: my point isn't that nesting is bad by itself, but rather that it naturally…
Read →
When to break up a component into multiple components
Current Available Translations: Korean Did you know that you could write any React Application as a single React Component? There's absolutely nothing technically stopping React from putting your entire application into one giant component. Your function would be HUGE. There'd be a TON of hooks for…
Read →
Write tests. Not too many. Mostly integration.
Current Available Translations: Korean Russian Portuguese I've given this blog post as a talk which you can watch here: https://youtu.be/Fha2bVoC8SE?list=PLV5CVI1eNcJgNqzNwcs4UKrlJdhfDjshf A while back, Guillermo Rauch (creator of Socket.io and founder of Zeit.co (the company behind a ton of…
Read →
React Fundamentals: Props vs State
Let's compare props and state. Here's a definition of each: "props" (short for "properties") is an object of arbitrary inputs a React function component accepts as the first argument. "state" is data that changes over the lifetime of a specific instance of a React component. Let's dive into each…
Read →