Bookmarks (132)

  • screenshot

    State of React 2024

    The State of React 2024 Survey Results — There’s too much to go into depth here,...

  • screenshot

    Quicky

    Quicky: An Easy Way to Self-Host Next.js & Node.js Apps — A CLI tool that simplifies...

  • screenshot

    The React data-table I always wanted

    The React Data Table I Always Wanted — A look into a particularly fast and clean...

  • React D3 Tree

    React D3 Tree: Interactive Tree Graph Component — Handy for things like family trees or org...

  • screenshot

    Build a Next.js sign-up form with React Hook Form

    Build a Next.js Sign-Up Form with React Hook Form — Features progressive enhancement, dynamic validation, and...

  • smoores.dev - Why I rebuilt ProseMirror’s renderer in React

    Why I Rebuilt ProseMirror’s Renderer in React — A former engineer for the New York Times...

  • screenshot

    React Query - The Bad Parts

    React Query - The Bad Parts Tradeoffs? — Dominik caps off a fantastic series of posts...

  • Ferruccio's Emoji Picker

    Emoji Picker: A Sweet and Simple Tailwind-Styled Emoji Picker — Pretty much ‘what it says on...

  • screenshot

    Find. Fix. Test. Intro to Sentry & Codecov

    Find. Fix. Test: Intro to Sentry & Codecov — Code-level visibility, from pre- to post-release, lets...

  • screenshot

    GitHub - neigebaie/shadcn-ui-tree-view: Shadcn-ui based tree view, with multi-selection, drag, and more!

    shadcn-ui-tree-view: shadcn-ui Based Tree View — A shadcn/ui flavored tree view component with selection, folder management,...

  • screenshot

    Mastering React and OpenLayers Integration: A Comprehensive Guide

    React and OpenLayers Integration: A Comprehensive Guide — Add interactive maps to your React app by...

  • screenshot

    Wasp

    🐝 Wasp 0.16: A Rails-Like Framework for React, Node and Prisma — A once common complaint was...

  • screenshot

    Using Phoenix with React and Inertia | Dimitrios Lytras

    Using Phoenix with React and Inertia — Phoenix is arguably the web framework for the Erlang...

  • screenshot

    Building a React Login Page Template

    Building a React Login Page Template — An in-depth guild on building session-based authentication with React.

  • screenshot

    Vite with TypeScript

    Vite with TypeScript — If you’ve created a JavaScript-based React project with Vite and want to...

  • screenshot

    Product for Engineers | Substack

    The First Newsletter Dedicated to Product Engineers — The fastest growing startups increasingly rely on product...

  • screenshot

    Unpic 1.0 – Unpic

    Unpic 1.0: A Toolkit for Displaying Images on the Web — A family of components and...

  • screenshot

    GitHub - httptoolkit/react-reverse-portal: React reparenting Build an element once, move it anywhere

    React-Reverse-Portal 2.2: Build An Element Once, Move It Anywhere — Reverse portals do the opposite of usual...

  • screenshot

    GitHub - flatlogic/react-material-admin: ☄️React Material Admin is a React template built with Material-UI

    React Material Admin: A Dashboard Template Built with Material UI — Originally a paid-for commercial template but...

  • Home - Ruck

    Ruck 9.0: A React Webapp Framework for Deno — A lean React-based way to build modern...

  • react-international-phone

    ☎︎ react-international-phone: A Phone Number Input Component — Not only can you pick a country, it can...

  • screenshot

    GitHub - welldone-software/why-did-you-render: why-did-you-render by Welldone Software monkey patches React to notify you about potentially avoidable re-renders. (Works with React Native as well.)

    Why Did You Render: Patches React to Notify You About Avoidable Re-Renders — Can be used...

  • React-Select

    React Select 5.10: A Flexible Select Input Control — Supports things like option groups, portals, animations,...

  • screenshot

    React Router SDK Beta

    Add Authentication to Your React Router Application in Minutes — Clerk's latest SDK comes fully equipped...

  • screenshot

    srcl

    SRCL: Build React Apps with 'Terminal Aesthetics' — The homepage is a live demonstration of what...

  • screenshot

    Storybook 8.5

    Storybook 8.5: The UI Component Building and Testing Workshop — Storybook can now run realtime Axe...

  • screenshot

    React Image Editor, Powered by Pintura SDK

    Plug & Play Image Editor For Your React App — Save yourself the headache of building...

  • screenshot

    React Native 0.77 - New Styling Features, Android’s 16KB page support, Swift Template · React Native

    React Native 0.77 Now with New Styling Capabilities — Now that the New Architecture is here,...

  • screenshot

    Picking a state management library for a React app used by millions (and why we went with MobX)

    Picking a State Management Library for a Popular React App — .. and why we went...

  • screenshot

    Reanimated 4 is new, but also very familiar

    Reanimated 4: New, But Also Very Familiar.. — Software Mansion has released the first beta of...

  • screenshot

    Release v0.18.0 · measuredco/puck

    Puck 0.18: A Self-Hosted Visual Editor for React — Now includes a new drag-and-drop engine with...

  • screenshot

    GitHub - ruilisi/fortune-sheet: A drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets

    FortuneSheet 1.0: React-Powered Spreadsheet Control — v1.0 switches to a much faster underlying formula parsing and...

  • screenshot

    Superglue 1.0: React ❤️ Rails. A new era of thoughtfulness

    Superglue 1.0: A Way for React to ❤️ Ruby on Rails — Superglue is a library...

  • screenshot

    Radar — WorkOS

    Protect Against Bots, Fraud, and Abuse in Real Time — WorkOS Radar protects your app with...

  • screenshot

    GitHub - pmndrs/react-nil: ⃝ A react null renderer

    react-nil 2.0: A React 'Null Renderer' — An interesting experiment to use React in situations where...

  • screenshot

    Accessibility essentials every front-end developer should know by Martijn Hols

    Accessibility Essentials Every React Developer Should Know — If you’re an experienced frontend developer, these might...

  • screenshot

    Write CSS like a Pro | Build a Responsive Site from Scratch

    Write CSS Like a Pro — Kevin Powell shares how to create a responsive website from...

  • https://shopify.engineering/five-years-of-react-native-at-shopify

    Five Years of React Native at Shopify — Five years ago, Shopify said React Native was...

  • screenshot

    Revealed: React's experimental animations API - Motion Blog

    An Early Look at React's Experimental Animations API — <ViewTransition /> is based on the powerful browser-based...

  • screenshot

    How to set up a basic Sinatra + React webapp

    How to set up a basic Sinatra + React webapp

  • screenshot

    Building a React Login Page Template

    Building a React Login Page Template — Discover how to create a seamless React login page...

  • screenshot

    Introducing TanStack Start – Frontend Masters Boost

    Introducing TanStack Start — Imagine if the folks behind TanStack Router, Query, etc. realized they had...

  • You don't need Next.js

    You Don't Need Next.js — As much as Next.js is considered the React meta-framework of choice,...

  • screenshot

    GitHub - bvaughn/react-error-boundary: Simple reusable React error boundary component

    react-error-boundary 5.0: A Reusable Error Boundary Component — Supporting all React renderers (including React DOM and...

  • screenshot

    Docusaurus 3.7 | Docusaurus

    Docusaurus 3.7: The Docs-Oriented Static Site Generator — The big update for the popular React-powered site...

  • screenshot

    Release v11 · fkhadra/react-toastify

    React-Toastify 11: In-Page Notifications Made Easy — There’s an elaborate demo page here but essentially it’s...

  • React components for Leaflet maps | React Leaflet

    React-Leaflet 5.0: React Components for Leaflet Maps — Leaflet is a popular JavaScript library for creating...

  • screenshot

    Smarter Tools and Best Practices for Mobile Debugging: A Hands-On Workshop

    Smarter Tools and Best Practices for Mobile Debugging — Join our hands-on workshop to explore practical...

  • screenshot

    React Router 7 Tutorial

    React Router 7 Tutorial — An introductory tutorial in Robin’s typically accessible, easy to follow style.

  • screenshot

    5 tips to effectively optimize INP in React

    Five Tips to Effectively Optimize INP in React Apps — Experience-informed recommendations for optimization techniques to...