Be careful with useSyncExternalStore (6 minute read)
This developer initially created a `useLocalStorage` hook using `useSyncExternalStore` to manage local storage, but encountered an infinite render loop when storing non-string values due to React's comparison of objects. To resolve this, the hook was edited to serialize and deserialize data using `superjson`, which handles non-primitive types more effectively than `JSON.stringify` and `JSON.parse`.
|
What are React Portals? (5 minute read)
React Portals offer a way to render a component's children outside its parent's DOM hierarchy. This is useful for elements like modals and notifications that need to be displayed at the top level of an application.
|
5 differences between React server components and server-side rendering (7 minute read)
Server Components reduce client-side JavaScript by rendering static parts on the server, skipping hydration, and avoiding bundle bloat. SSR pre-renders HTML on the server, but still sends the full app bundle to the client for hydration, increasing load times. While SSR supports interactive components throughout, Server Components isolate static and interactive parts.
|
|
How to cope with technology FOMO (7 minute read)
Many developers feel anxiety about keeping up with the constant churn of new technologies. However, chasing the latest trends is not as important as understanding foundational "keyframe" technologies and the problems they solve. This lets developers pick up new things quickly whenever they need to.
|
How we choose technologies (9 minute read)
PostHog prioritizes adopting new technologies when facing urgent problems like excessive costs or scaling challenges. Decisions are made asynchronously through a request for comments (RFC) process and the team continuously evaluates their technology stack to make sure it aligns with their long-term goals.
|
|
OpenNext (GitHub Repo)
OpenNext is a tool that allows developers to deploy Next.js applications across various environments, including AWS Lambda and traditional Node.js servers. It aims to support all Next.js 14 features and is actively maintained by the SST community.
|
Introducing Workflows: CICD built for your app (5 minute read)
Expo Workflows is a new CI/CD service that allows developers to automate their entire app development process, from building and testing to submitting to app stores. It offers pre-packaged jobs for common tasks and the ability to create custom jobs, triggered by GitHub events or manually via EAS CLI.
|
Legend List (GitHub Repo)
Legend List is an experimental React Native library that aims to be a higher-performing replacement for FlatList, especially for lists with dynamically sized items.
|
|
AAA - Analytical Anti-Aliasing (36 minute read)
This article explores various anti-aliasing techniques in computer graphics, starting with simple methods like SSAA and MSAA and progressing to more advanced techniques. It then goes through post-processing methods such as MLAA and FXAA. The article's core focus is on Analytical Anti-Aliasing (AAA), a novel approach that achieves smooth, sharp results by directly calculating anti-aliased pixels based on the shape's mathematical definition.
|
State of HTML 2024 (Website)
The State of HTML 2024 report shows that developers are adopting new HTML features, such as dialog and inert, while being frustrated by areas of friction like inconsistent browser support. There's a growing reliance on modern standards for accessibility and interactivity.
|
|
Essential Typescript for React (6 minute read)
Some important TypeScript tips for React devs include inferring output types, typing children with ReactNode, using ComponentProps for props, and using unions and tuples for better type management.
|
Leopards (GitHub Repo)
Leopards is a Python library that allows you to query lists of dictionaries or objects with a SQL-like syntax.
|
AutoTab (Website)
Autotab is an AI-powered tool that automates repetitive computer tasks by learning from user demonstrations and executing actions with mouse and keyboard control.
|
|
|
Love TLDR? Tell your friends and get rewards!
|
|
Share your referral link below with friends to get free TLDR swag!
|
|
|
|
|
Track your referrals here.
|
|
Want to advertise in TLDR? 📰
|
If your company is interested in reaching an audience of web developers and engineering decision makers, you may want to advertise with us.
If you have any comments or feedback, just respond to this email!
Thanks for reading,
Priyam Mohanty, Jenny Xu & Ceora Ford
|
|
|
|