Marc Bernstein

Visual Types, a humble collection of semi-interactive TypeScript lessons, is ready to be clicked upon. types.kitlangton.com ← 👀

phone addiction got so bad that watching a movie feels productive.

@housecor I think default only works with undefined values. If the backend explicitly sends null the value won’t be transformed into the default and will persist as null.

Problem: The backend returns a needlessly wide type. Example: The backend returns null, undefined, or an array. Solutions: (ranked by preferability): 1. Narrow the type on the backend. 2. Use Zod to narrow the type via default. Now the array always exists.

@housecor @TkDodo Will this still be an issue with React Compiler?

Problem: You want to initialize something only once in a React component. Solution: Call useState without a setter. Idea via @TkDodo

@kenwheeler Like Prince Buster

About to eat like a god damn prince rn

TV Streaming platforms should have playlists like Spotify.

@Steve8708 react-hook-form.com

What do you prefer to use for handling forms in React? useState? new FormData(form)? A library (which one)?

@robwierzbowski @iA are these from your old del.icio.us account?

@robwierzbowski Notorious R.O.B. will live on forever!

@jbrancha @aykutsarach is JSON Crack not optimized for large datasets?

@marcandrewb JSON Crack unfortunately choked on a 100k line JSON file.

What are good tools for browsing and visualizing a big JSON file? I think I saw a couple before the holidays but can’t recall what they’re called.

Scared of using an un-typed fetch function? This gives you end-to-end type safety (with Zod) in less than 100 lines of code. 🔍 Autocomplete of Routes & input 🤏 No Zod in client-side bundle Obviously missing a ton of features, but it's better than nothing.

4 ways to handle multiple promises in #JavaScript How I choose: 1. Promise.all - I want all, but reject if any reject. 2. Promise.allSettled - I want the status of all, even if some reject. 3. Promise.race - I want the first. 4. Promise.any - I want the first that resolves.

@dan_abramov What is one thing you learned that you didn’t know before while writing the new React docs?

@dan_abramov @housecor

@dan_abramov Just Documentation™ - the sequel to Just JavaScript

Bytes is a work of art. There's no better way to stay up to date on the JavaScript ecosystem. Consistently the best newsletter I receive. The memes are dank too. bytes.dev/share/Y2hhcmNv…

I'm attending React Advanced Conference! Register for free and join me there with 10k other React engineers and 60+ great speakers! reactadvanced.com/badge/marcandr… #ReactAdvanced #ReactJS #JavaScript

Hey! My Frontend Platform team at @stitchfix is hiring a Principal engineer! If you: 🔷 Like React, TypeScript & Next.js 🔷 Wanna work on a robust design system 🔷 Interested in DivOps 🔷 Enjoy improving the experience for other devs DM me or apply at: grnh.se/fd9df98c1us

🧵 The Ultimate TypeScript Thread 🧵 Here's everything I've learned from leading TS dev teams and working on XState's core team. My goal is to turn you into a TypeScript wizard. And yes, this thread is EVERGREEN - I'll add at least 3 more tips a week 🚀 Let's get started.