Bookmarks (134)

  • screenshot

    Aspect — Build UI, fast

    Aspect: A New Visual Environment for Building Components — It’s a new, unproven tool, but any...

  • screenshot

    GitHub - BearStudio/start-ui-web: 🚀 Start UI [web] is an opinionated UI starter with ⚛️ React, ⚡️ Chakra UI, ⚛️ React Query & 🐜 Formiz — From the 🐻 BearStudio Team

    Start UI Web: An Opinionated Frontend Starter Built with React, Next.js, Chakra UI, React Query, and...

  • screenshot

    react-snippets/Router.js at main · ashok-khanna/react-snippets

    A React Router Implemented in Under 100 LOC — One of those sort of experiments that...

  • screenshot

    react-ymd-date-select

    react-ymd-date-select: Year/Month/Day Selection Dropdowns — Provides an alternative to the calendar based approach. react-select-datepicker is another...

  • Kea 3.0: Logic Builders | Kea 3.0

    Kea 3.0: A State Manager for React — Kea is a state management library that’s been...

  • screenshot

    GitHub - ShivamJoker/React-Fast-Accordion: Simple, fast, accessible accordion library with no dependency

    React Fast Accordion: A Fast, Dynamic, and Accessible Accordion — No dependencies and it incorporates animation...

  • screenshot

    Progressive image loading in React: Tutorial - LogRocket Blog

    Implementing Progressive Image Loading — Is there anything worse than staring at a blank frame while...

  • screenshot

    Using Next.js ISR with Serverless Cloud

    Using Next.js ISR with Serverless Cloud — Serverless’s cloud offering supports Next.js incremental static regeneration (ISR)...

  • Improve the Performance of your React Forms

    Improve the Performance of Your Forms — An exploration of how Kent’s state colocation concept (from...

  • screenshot

    Improve your React app performance using React Profiler

    Improve Your React App Performance Using React Profiler — A quick peek at the profiler API...

  • Filestack - The Best File Uploader & Upload API

    Revolutionize Your File Handling with Filestack. Start Now — Ever wondered how to bring your application...

  • screenshot

    Release v1.22.0 · microsoft/playwright

    Playwright Can Now Test Your Components — Playwright, Microsoft’s browser control library which “enables reliable end-to-end...

  • screenshot

    Horizon UI - Trendiest Open Source Admin Template for Chakra UI & React

    Horizon UI: A Beautiful Open Source Admin Template for Chakra UI and React — Includes 70+...

  • screenshot

    GitHub - malerba118/scrollex: Build beautiful scroll experiences using minimal code

    Scrollex: A Library to Build Beautiful Scroll Experiences with Minimal Code — Definitely not for every...

  • screenshot

    rfcs/0000-useevent.md at useevent · reactjs/rfcs

    An RFC for useEvent, a New Fundamental React Hook — Billed as a so-far ‘missing piece’...

  • screenshot

    What the useEvent React hook is (and isn't)

    What The useEvent Hook Is (and Isn't) — If you want a bit more background to...

  • Dashboard | Sendbird

    Build Your Custom React Chat App Fast — The Sendbird UIKit is ideal to quickly build...

  • screenshot

    Learnings about the future of the web from Reactathon | Swizec Teller

    A Report from Reactathon — In-person React events remain few and far between as the COVID...

  • screenshot

    React Router 6 – Tutorial for Beginners

    ▶  React Router 6 Tutorial for Beginners — A new video by this noted educator where he...

  • screenshot

    React key attribute: best practices for performant lists

    The key Attribute and Best Practices for Performant Lists — Is the only reason you’re using...

  • screenshot

    A Quick React Component Test

    A Quick React Component Test — A explanation of a Cypress test to confirm the onClick...

  • screenshot

    How to Handle URL Redirects When Using Headless CMS | Kontent by Kentico

    How to Handle URL Redirects When Using a Headless CMS

  • screenshot

    React "as" Prop

    The as Prop — A succinct description on its use to combine semantics with aesthetics in...

  • screenshot

    GitHub - reaviz/reagraph: 🕸 WebGL Graph Visualizations for React

    Reagraph: WebGL Graph Visualizations for React — A high-performance network graph visualization library that uses WebGL...

  • screenshot

    Loaders | UI Ball

    Loaders — A nice collection of simple loaders and spinners for your next project.

  • screenshot

    React Native Skia—For Us, For You, and For Fun

    Shopify Unveils React Native Skia — Skia is a popular (used in Chrome, Android, Firefox, etc.)...

  • screenshot

    The Story of Concurrent React

    ▶  The Story of Concurrent React — 2168 days of work covered in just 12 minutes! Kinda....

  • React.js Learning Path – Be Productive with React.js, Today's Most Popular Framework

    Updated: Complete React Learning Path — Frontend Masters flagship React courses have been released! Take all...

  • Why I don't miss React: a story about using the platform - Jack Franklin

    Why I Don’t Miss React — This isn’t a call to drop React or a declaration...

  • screenshot

    How to Build Your Own Blog with Next.js and MDX

    How to Build Your Own Blog with Next.js and MDX — A step-by-step guide to building...

  • screenshot

    React Component Composition Explained

    React Component Composition Explained — Avoid prop drilling, have cleaner, better structured code.. what’s not to like?

  • screenshot

    TLDR Newsletter - A Byte Sized Daily Tech Newsletter

    Keep Up with the Latest in Startups, Tech, & Programming in Just 5 Min

  • screenshot

    Leverage the web platform with Remix

    ▶  Leverage the Web Platform with Remix — A discussion with Remix co-founder Michael Jackson about how...

  • screenshot

    GitHub - ericclemmons/click-to-component: Option+Click React components in your browser to instantly open the source in VS Code

    <ClickToComponent />: Instant Access to Component Source Code — Option+Click React components in your browser to...

  • screenshot

    GitHub - missive/emoji-mart: 🏪 One component to pick them all

    Emoji Mart 5.0: A Customizable Emoji Picker for the Web — You can test it out here.

  • screenshot

    Release v9.0.0 · fkhadra/react-toastify

    React Toastify 9.0: Notification Boxes Made Easy — A popular library. It now supports ‘stacked toasts’,...

  • Hello from Plyr-react | Plyr-react

    Plyr React 4.0: A Responsive Media Player React Component — Supports video, audio, YouTube and Vimeo....

  • screenshot

    Remotion 3.0 | Remotion

    Remotion 3.0: 'Write' Videos in React — Remotion provides a way for you to use your...

  • screenshot

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

    FortuneSheet: An Excel-Like JS Spreadsheet Control — It’s early days, but this looks promising. There’s a...

  • screenshot

    GitHub - gregberge/xstyled: A utility-first CSS-in-JS framework built for React. 💅👩‍🎤⚡️

    xstyled: A Utility-First CSS-in-JS Framework Built for React — An abstraction of the libraries and utilities...

  • screenshot

    GitHub - jonelantha/react-responsive-pagination: A React pagination component which intelligently renders to the available width

    React Responsive Pagination: Component for Smart Pagination — A responsive React pagination component which intelligently renders...

  • screenshot

    Mastering CSS Transitions with React 18

    Mastering CSS Transitions with React 18 — How to use the new useTransition hook that arrived...

  • screenshot

    The Stack Overflow Podcast Archives

    Stack Overflow Podcast: Exploring the Art & Practice of Programming

  • screenshot

    Creating a Rich Text Editor using Rust and React

    Creating a Rich Text Editor using Rust and React — In 2021, Rust topped Stack Overflow’s...

  • screenshot

    React Batching

    React Batching — An easy-to-follow and well-illustrated tutorial on how to batch up multiple state updates...

  • screenshot

    Terminal Wordle: Write a Wordle Clone for the Terminal with React Ink

    Building a Wordle Clone for the Terminal with React Ink — Inkle is a React powered...

  • screenshot

    Netlify Edge Functions: Serverless Compute Powered by Deno

    Netlify Edge Functions: Serverless Compute Powered by Deno — Edge Functions is a Deno-powered platform for...

  • screenshot

    Tutorial: How To Build an Accessible React Table (Data Grid)

    How to Build an Accessible React Data Grid — How do you make a React table (data...

  • screenshot

    Release 18.1.0 (April 26, 2022) · facebook/react

    React 18.1 Released — Don’t get too excited - it’s almost entirely a bug fix release,...

  • screenshot

    GitHub - RickoNoNo3/react-winbox: The newest React component for WinBox.js. Full Reactful props and state. A windows manager for React.

    react-winbox: A Full Window Manager for React — This component wraps Winbox.js, “a modern HTML5 window...