Bookmarks (174)

  • screenshot

    React: storing state in URL with URLSearchParams | I CAN MAKE THIS WORK

    Storing State in the URL with URLSearchParams — We love what the creator said about this:...

  • screenshot

    Getting Started With TypeScript and React

    Getting Started With TypeScript and React — In this post, we’ll look at a few advantages...

  • screenshot

    Next.js 12.3 Overview: Improved Fast Refresh, TypeScript Auto-Install, and more.

    ▶  Next.js 12.3 Features Walkthrough and Demo — Vercel’s VP of Developer Experience walks through the changes...

  • screenshot

    React I Love You, But You're Bringing Me Down

    'React I Love You, but You’re Bringing Me Down' — An opinionated React thought piece that’s...

  • Linkify: a JS plugin by Hypercontext

    Linkify 4.0: Link Up URLs, Email Addresses, and More in Plain Text — Given some plain...

  • Theatre.js v0.5 is out! – Theatre.js Blog

    Theatre.js 0.5: Hackable Motion Design for the Web — Can be used both programmatically and visually...

  • screenshot

    Version 5.4.0

    Mantine 5.4: A Full Featured React Component Library — We don’t want to feature every release...

  • screenshot

    TinyBase

    TinyBase 2.0: A Library for Structuring App State — If you want a bit more database-esque...

  • screenshot

    Deploying a WASM-powered React App on Vercel

    Deploying a WASM-Powered React App on Vercel — Keen to get your feet wet with WebAssembly?...

  • screenshot

    Simple React Scroll Animations With Zero Dependencies

    Simple React Scroll Animations with Zero Dependencies — In three straightforward steps, this shows you how...

  • screenshot

    Radix Icons

    Radix Icons: A Crisp Set of 15×15 SVG Icons — Copy any icon directly in inline...

  • screenshot

    React Chat SDK - Messaging UI Components

    Seamlessly Add Chat and Activity Feeds to Your Applications

  • React Grid Gallery – React Grid Gallery

    React Grid Gallery 1.0: An Image Gallery Component — Inspired by Google Photos. There are several...

  • screenshot

    React Router 6.4 Release

    React Router 6.4: Bringing in the Remix Features — The latest release of the popular router...

  • screenshot

    An apparent React bug

    A React 'Bug' (Of Sorts..) — The details HTML element doesn’t seem to play well when...

  • The Orton Effect - dreamy photo effect in CSS and React - Mike Bifulco

    The Orton Effect: 'Dreamy' Looking Photos with CSS and React — Named after Canadian landscape photographer Michael...

  • screenshot

    React 18's New State Hook You've Never Heard About

    ▶  'React 18's New State Hook You've Never Heard About' — We know videos are a hard...

  • screenshot

    useSyncExternalStore - The underrated React API | This Week In React

    useSyncExternalStore: The Underrated React API — useSyncExternalStore (also featured above) is a hook for subscribing to...

  • screenshot

    Frontend Masters Community Sale

    Frontend Masters Community Sale — Celebrate new community features with $100 off a yearly membership –...

  • screenshot

    Why Every React Developer Should Learn Function Composition

    Why Every React Developer Should Learn Function Composition — Addressing cross-cutting concerns is often accomplished using...

  • screenshot

    Introducing Signals – Preact

    Preact's Signals: A 'Fast-by-Default' Reactive State Primitive — They provide a reactive way of expressing state...

  • screenshot

    The Basics of Remix | CSS-Tricks

    The Basics of Remix — Remix is an up and coming full stack Web framework with...

  • Rodal

    Rodal 2.0: A React Modal with Animations — Things like spinning into view, sliding in, fading,...

  • screenshot

    Creating F1 graphics in JavaScript

    ▶  Creating F1 Style Graphics with Remotion — Fans of Formula 1 motorracing may recall the 'stinger'...

  • screenshot

    At Next.js Conf 2022, learn to build better and scale faster – Vercel

    📆  Next.js Conf 2022 Announced — Takes place on the sixth(!) anniversary of the creation of...

  • screenshot

    Complete React DataGrid | Grid Components for React Apps | Flexgrid in Wijmo

    FlexGrid by Wijmo: The Industry-Leading React Datagrid — We are excited to announce some great new...

  • screenshot

    Why Storybook in 2022?

    Why Use Storybook in 2022? — I’d prefer an independent take, warts and all, but this...

  • screenshot

    Announcing React Native 0.70 · React Native

    React Native 0.70 Released — The new release features Hermes as the default engine, full CMake...

  • screenshot

    Moving House to Next.js

    How BenchSci Moved Its Science Webapp to Next.js — BenchSci’s AI-Assisted Reagent Selection app is at...

  • screenshot

    GitHub - plotly/react-cytoscapejs: React component for Cytoscape.js network visualisations

    react-cytoscapejs 2.0: Component for Network Visualizations — Wraps the popular Cytoscape.js graph network rendering library and...

  • Hyper Fetch - Ultimate fetching solution | Hyper Fetch - Ultimate fetching solution

    Hyper Fetch: A Turbocharged Fetch Library — The creator bills it as “a mix of Axios...

  • screenshot

    GitHub - witbybit/react-recoil-form: React form library that efficiently handles large forms. Only renders fields whose value changes.

    React Recoil Form: Efficient State for Large Forms — While still in pre-release, this library employs...

  • screenshot

    Understanding useMemo and useCallback

    Understanding useMemo and useCallback — Many find these hooks confusing. This tutorial takes a crack at...

  • screenshot

    GitHub - aod/zhithead: [WIP] Zhithead is a clone of the original card game shithead made for the browser

    Zhithead: A React and Framer Motion-Based Clone of a Ruder-Named Card Game — You can play...

  • screenshot

    GitHub - codesandbox/sandpack: A component toolkit for creating live-running code editing experiences, using the power of CodeSandbox.

    Sandpack: Component Toolkit for Creating Your Own Live Running Code Editing Experience — Created by the...

  • screenshot

    ReacType 13.0 — React State Management & Prop Drilling Made Easy

    ReacType 13.0: The React Prototyping Tool — ReacType is an Electron app for prototyping React apps with...

  • screenshot

    Monitor APIs with Postman

    Work with APIs? Get Better API Observability in Minutes

  • screenshot

    Loading Disco

    Loading Disco: An Alternative to the Loading Spinner — Neat demo, though more subtle and less...

  • screenshot

    Get started with React and MUI

    ▶  How to Get Started with React and MUI — A 17 minute walkthrough of creating a...

  • screenshot

    Instant Performance Upgrade: From FlatList to FlashList

    Instant Performance Upgrade: From FlatList to FlashList — Shopify’s more efficient FlashList is a simple swap-out...

  • screenshot

    React Hooks — When to Use useLayoutEffect Instead of useEffect

    When to Use useLayoutEffect Instead of useEffect — Do you have an annoying flicker in your...

  • screenshot

    React Error Boundaries: Complete Guide

    React Error Boundaries: A Guide — Not properly catching errors thrown by third-party libraries or React...

  • screenshot

    Why React Contexts Are Great and Why We Didn't Use Them

    Why React Contexts Are Great (and Why We Didn't Use Them) — Something can be good,...

  • (Re-) Introducing Gatsby, A Reactive Site Generator | Gatsby

    (Re-)Introducing Gatsby, A 'Reactive Site Generator'? — Gatsby’s new focus is on enabling teams to publish...

  • screenshot

    Dynamic link previews with a React SPA using AWS Lambda@Edge

    Dynamic Link Previews for a React SPA using AWS Lambda@Edge — Using AWS’s edge-based serverless function...

  • screenshot

    How to use Forms in React

    How to Use Forms in React — A seemingly basic topic covered at a low level...

  • Advanced React component composition

    Advanced React Component Composition — A deep dive into the principles of composition for designing and...

  • screenshot

    WYSIWYG HTML Editor with Collaborative Rich Text Editing

    Implementing Collaboration Has Never Been Easier — Transform your application within hours thanks to ready-to-use features like...

  • screenshot

    Why React Re-Renders

    Why React Re-Renders — The processes around rendering are so important to understand and get right...