Posts tagged with react

Join thousands of developers

Every two weeks, I share practical tips, tutorials, and behind-the-scenes insights from maintaining 300+ open source packages.

No spam. Unsubscribe anytime. You can also follow me on X.

Build your own React

– pomb.us

In a very cool post, Rodrigo Pombo explains the internals of React by rewriting it's core from scratch.

We are going to rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the optimizations and non-essential features.

Read more [pomb.us]

Persistent Layout Patterns in Next.js

– adamwathan.me

Adam Wathan explain how can avoid re-rendering the entire UI everytime you click a link in Next.js

Next.js is such a wonderfully productive development experience and produces such incredibly fast websites that I just refused to believe it had to be this way. So I spent a few weeks researching, asking questions, and experimenting, and came up with these four patterns for persistent layouts in Next.js applications.

Read more [adamwathan.me]

Forget about component lifecycles and start thinking in effects

– sebastiandedeyne.com

In a new blogpost, my colleague Seb explains why you should and how you can use useEffect.

React recently introduced a new way to deal with side effects: the useEffect hook. Translating lifecycle methods to useEffect calls can be confusing at first. It’s confusing because we shouldn’t be translating imperative lifecycle methods to declarative useEffect calls in the first place.

Read more [sebastiandedeyne.com]

Deep dive: How do React hooks really work?

– www.netlify.com

Hooks is feature was added recently to React that I really like.

In this article, we reintroduce closures by building a tiny clone of React Hooks. This will serve two purposes – to demonstrate the effective use of closures, and to show how you can build a Hooks clone in just 29 lines of readable JS. Finally, we arrive at how Custom Hooks naturally arise.

Read more [www.netlify.com]

React for Vue developers

– www.fullstackradio.com

In the latest episode of Full Stack Radio podcast, my colleague Seb explains the differences between React and Vue.

In this episode, Adam talks to Sebastian De Deyne about learning React from the perspective of a Vue developer, and how to translate all of the Vue features you're already comfortable with to React code.

Read more [www.fullstackradio.com]

Why I prefer React over Vue

– sebastiandedeyne.com

My colleague Seb gives some good reasons why he personally likes working with React over Vue.

Vue is the default JavaScript framework for Laravel apps. Being part of the Laravel community, I often get the question why I prefer React, so I've decided to write down a few standout reasons.

Read more [sebastiandedeyne.com]

React as a UI Runtime

– overreacted.io

In an impressive blog post on his blog, React lead developer Dan Abramov, explains how React works on the hood.

This is a deep dive β€” THIS IS NOT a beginner-friendly post. In this post, I’m describing most of the React programming model from first principles. I don’t explain how to use it β€” just how it works. It’s aimed at experienced programmers and folks working on other UI libraries who asked about some tradeoffs chosen in React. I hope you’ll find it useful!

React as a UI Runtime

Read more [overreacted.io]