react.md

Course

• https://react-tutorial.app
• https://github.com/alan2207/bulletproof-react
• Complete Intro to React v5
• https://github.com/kentcdodds/advanced-react-patterns-v2
• https://github.com/tylermcginnis/react-course
• https://github.com/sibelius/relay-modern-course
• https://github.com/himynameisdave/safari-training-react
• https://github.com/cyan33/learn-react-source-code
• https://github.com/acdlite/react-fiber-architecture
• https://github.com/mfrachet/create-frontend-framework
• https://github.com/fpereiro/reactnotes
• https://github.com/dasmata/workshop-react-2019
• https://github.com/Lemoncode/react-lab-sessions
• https://github.com/ReactTraining/react-router-5-course
• https://github.com/bramus/react-from-scratch-exercises
• https://marko-knoebl.github.io/slides/react-all-en.html
• https://github.com/nikgraf/2020-05-react-advanced
• https://www.contentful.com/developers/videos/learn-graphql
• https://www.freecodecamp.org/news/learn-how-to-use-react-and-graphql-to-make-a-full-stack-social-network
• https://www.freecodecamp.org/news/solidify-your-react-skills-by-building-15-projects
• https://github.com/fireship-io/firebase-security-course
• https://github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS
• NextJS and Serverless ~ James Perkins
• https://twitter.com/brian_lovin/status/1377346382084763650
• Build an E-Commerce Platform in 25 Days with Next.js, Netlify and Stripe + https://github.com/dijonmusters/e-commerce-in-25-days
• https://github.com/tannerlinsley/react-query-essentials
• Modernizing an Enterprise React App | Paige Niedringhaus
• https://tchayen.com/understanding-react-by-implementing-it
• https://aidenybai.com/thoughts/virtual-dom + https://github.com/aidenybai/million
• https://github.com/learning-zone/react-basics

Boilerplate

• https://www.epicreact.dev/react-19-cheatsheet
• https://github.com/UnlyEd/next-right-now
• Vite, React, Redux, Vanilla Extract
• https://dev.to/alexeagleson/how-to-build-a-fullstack-nextjs-application-with-storybook-tailwindcss-2gfa
• https://github.com/hgraca/explicit-architecture-reactjs
• https://github.com/nice-boys/product-boilerplate
• https://github.com/dasmata/styleguide
• Folder structure
• https://github.com/netlify/next-on-netlify
• https://github.com/cruip/tailwind-landing-page-template
• https://github.com/stripe-samples/nextjs-typescript-react-stripe-js
• https://github.com/serverless-nextjs/serverless-next.js
• An open source guide for building and deploying full-stack apps using Serverless and React on AWS
• https://github.com/kkemple/theworst.dev
• https://github.com/graphql-boilerplates/react-fullstack-graphql
• https://github.com/wutali/nextjs-netlify-blog-template
• https://github.com/joelhooks/next-typescript-tailwind-mdx-starter
• https://github.com/helloiamelliot/elliot-serverless-ecommerce
• https://github.com/tommarien/react-playground
• https://github.com/flarnie/Intro-To-React-And-TypeScript
• Has anyone done a successful transition from an out of date create-react-app to the next.js?
• Example project on how to send emails in Next.js with Sendgrid and Dynamic Templates
• https://github.com/frankdilo/personal-blog-template
• https://ashleemboyer.com/how-i-added-an-rss-feed-to-my-nextjs-site
• https://github.com/paulintrognon/paulintrognon.fr
• Deno + React: No build, no bundle, all streaming + https://twitter.com/mutual__respect/status/1433240796451409923
• https://github.com/Financial-Times/dotcom-page-kit
• https://auth0.com/blog/streamlining-a-react-monorepo
• https://blog.spencerwoo.com/2021/02/nextjs-blog-notion
• https://github.com/jamesqquick/React-and-Serverless-Fullstack-Web-Development
• https://component-party.dev/compare/react-vs-vue

Book

• https://softchris.github.io/books/react + https://github.com/softchris/react-book-repo
• https://theroadtoenterprise.com/books/react-the-road-to-enterprise

Cinema

• https://github.com/JSerZANP/react-source-code-walkthrough-en
• https://github.com/tiaanduplessis/awesome-react-talks
• Shopee/shopee-react-knowledgeable#184
• Build an Accessible React Component Series
• https://github.com/zpao/building-react-from-scratch
• https://portal.gitnation.org/contents/remote-rendering-with-web-workers + https://shopify.engineering/remote-rendering-ui-extensibility
• Webxr with Three.js

Demo

• https://github.com/ustaxes/UsTaxes
• Minimalist web interface for qBitTorrent. Implemented using Vite, React, Typescript and Mantine
• https://github.com/SergiuAlexandruPop/crwn-clothing
• https://github.com/usfslk/ReactDarkMode
• https://github.com/Zackazt/React-Chat-Tutorial
• https://github.com/codyogden/killedbygoogle
• A Youtube clone built in React, Redux, Redux-saga
• Excalibur, drawing.. + https://twitter.com/Vjeux/status/1213259044724432896
• Stay up to date with what is happening and what the users who you follow are working on Github.
• https://github.com/axelra-ag/axelra-interview-challenge-frontend
• Kanban Style Productivity Management Application with Customizable Boards, Lists and Cards to Make You More Productive.
• https://github.com/jamischarles/chip8-emulator-react
• Cycling routes app built with React (hooks), styled-components, Leaflet and d3.
• https://github.com/marmelab/react-admin
• https://github.com/aboutjax/goneriding
• https://github.com/phlntn/emojibuilder
• A simplified Jira clone built with React/Babel (Client), and Node/TypeScript (API). Auto formatted with Prettier, tested with Cypress.
• Winamp 2 reimplemented for the browser.
• Peer-to-peer file transfers in your browser, using WebRTC.
• https://blog.mgechev.com/2014/09/03/webrtc-peer-to-peer-chat-with-react
• https://webrtc.ventures/2018/04/file-transfers-small-demonstration-webrtc-react-redux + https://github.com/agilityfeat/file-transfer-demo
• https://github.com/Loeka1234/typescript-url-shortener-frontend
• https://www.djamware.com/post/5f2a1d9d9c794f177fd7b527/react-js-tutorial-building-firebase-chat-app-react-hooks
• I created an open-source alternative to Google Analytics using React, Redux and Next + https://medium.com/@caozilla/how-i-wrote-umami-in-30-days-a290372b80e4
• Plain-text note-taking app for the web with Markdown support. TakeNote was created with TypeScript, React, Redux, Node, Express, Codemirror, Webpack, Jest, Cypress, Feather Icons, ESLint, and Mousetrap
• https://github.com/jsolano/react-sudoku-solver
• https://github.com/shaneosullivan/react-url-decoder
• https://github.com/rogierslag/tools
• Invite-Only FOMO Auth with React & Firebase
• React, Next.js, and Firebase by building a social blogging community from scratch
• 70+ open-source clones of popular sites
• Instagram clone built with React & React Query
• https://github.com/BenoitAverty/realworld-remix.run
• https://github.com/vladnicula/timezone-manager
• The open-source Calendly alternative
• https://www.joshwcomeau.com/blog/how-i-built-my-blog
• https://github.com/filipemerker/micro-frontend-talk-example
• https://github.com/Hendrixer/production-grade-nextjs
• https://jonmeyers.io/blog/build-a-saas-platform-with-stripe
• https://jonmeyers.io/courses/build-an-e-commerce-platform-in-25-days-using-next-js-netlify-and-stripe
• windows 11 in react
• https://product.voxmedia.com/2020/10/23/21520222/building-an-in-browser-image-editor-with-react
• https://github.com/nlaz/flashcards-for-developers
• Print a QR code for connecting to your WiFi
• A tool to enable PR authors to tell a story with their changes
• https://github.com/flaviocopes/clone-airbnb-nextjs
• https://souporserious.com/build-your-own-code-playground + https://twitter.com/souporserious/status/1468981661224161281
• https://kyleshevlin.com/my-course-platform
• Mailchimp Open Commerce is an API-first, headless commerce platform built using Node.js, MongoDB, and GraphQL. It plays nicely with npm, Docker and Kubernetes
• The open-source Shopify alternative
• https://github.com/pgaspar/covid-square
• Download IPAs from Apple App Store
• RSS reader client like LDR for Inoreader
• https://github.com/remotion-dev/github-unwrapped-2022
• https://evilmartians.com/chronicles/how-to-build-a-better-react-map-with-pigeon-maps-and-mapbox
• https://blog.danoph.com/create-an-image-tagger-app-with-reactjs-and-ai-in-just-a-few-simple-steps
• Collaborative editor project
• https://github.com/samselikoff/ios-apple-music-clone
• A collection of clever yet understated user interactions found on the web
• https://github.com/karlhadwen/todoist
• https://github.com/quran/quran.com-frontend
• WebFlow alternative. An advanced visual builder that connects to any headless CMS, supports all CSS properties, and can be hosted anywhere

Radio

• React Round Up
• https://www.digitalprimates.net/blog/making-authentication-in-react-apps-easy-with-useauth

Hook

• https://twitter.com/tylermcginnis/status/1169667360795459584
• https://github.com/PacktPublishing/Micro-State-Management-with-React-Hooks
• https://reacttraining.com/blog/hooks-you-probably-dont-need
• https://github.com/rehooks/awesome-react-hooks
• https://github.com/donavon/hook-flow
• https://thoughtspile.github.io/2021/10/18/non-react-state
• https://thoughtspile.github.io/2021/10/25/useref-no-current
• https://thoughtspile.github.io/2021/11/15/unintentional-layout-effect
• https://thoughtspile.github.io/2021/11/30/lazy-useref
• Thinking in React Hooks
• After calling a useState setter, you don’t see the updated value in logic after it without using a useEffect
• Subscribe to a user's light/dark preference..
• React Hooks — 👍
• https://github.com/at0g/hooks
• https://github.com/latviancoder/hooks-by-example
• https://github.com/Lemoncode/react-hooks-by-example
• https://beautifulinteractions.github.io/beautiful-react-hooks
• https://github.com/mfrachet/use-socketio
• Avoid race condition
• https://medium.com/@david.dalbusco/create-a-react-custom-hooks-for-your-web-components-f4319bb4bc35
• Building an Accordion with React Hooks.
• A custom React Hook for fading in any element.
• https://techblog.commercetools.com/five-practical-tips-when-using-react-hooks-in-production-990a79745229
• useAbortController: tweet + gist
• React Hooks Tutorial | Build Yelp in React - productioncoder
• https://dev.to/poeticgeek/concrete-example-for-react-useimperativehandle-52l8
• I've never once found a need for useReducer()
• https://www.benmvp.com/blog/four-characters-optimize-react-component
• https://jclem.net/posts/pan-zoom-canvas-react
• useHeight
• Dancing between state and effects - a real-world use case
• https://github.com/slorber/use-async-setState
• https://blog.axlight.com/posts/how-i-developed-react-hooks-for-web-workers
• useEffectCallback custom hook is super helpful when you need to use callback props as dependencies on useEffect and other hooks + https://codesandbox.io/s/react-useeffectcallback-yimwp
• https://maxrozen.com/race-conditions-fetching-data-react-with-useeffect
• https://github.com/GoogleChromeLabs/react-adaptive-hooks
• https://www.lorenzweiss.de/common_mistakes_react_hooks
• https://github.com/CSFrequency/react-firebase-hooks
• https://github.com/imbhargav5/rooks
• Gyro-web: Accessing the device orientation in JavaScript
• https://github.com/wellyshen/use-web-animations
• how does setting state cause code in ReactDOM to run?
• https://github.com/schoenwaldnils/web-vitals-react-hook
• https://github.com/bring-shrubbery/use-cookie-consent
• https://devtrium.com/posts/how-keyboard-shortcut
• https://github.com/laststance/vite-rtk-query/blob/main/src/hooks/useDidUpdateEffect.ts
• https://marmelab.com/blog/2023/01/11/use-async-effect-react.html
• https://yoavik.com/snippets/use-global-state, https://twitter.com/sebastienlorber/status/1618248643919626244
• https://www.macarthur.me/posts/when-i-needed-uselayouteffect-in-react
• https://claritydev.net/blog/display-warning-for-unsaved-form-data-on-page-exit
• https://www.strictmode.io/articles/react-pull-to-refresh
• https://usehooks-ts.com/react-hook/use-copy-to-clipboard
• https://emilkowal.ski/ui/building-a-drawer-component + https://github.com/emilkowalski/vaul#examples
• State setters, reducer dispatchers, action state dispatchers, refs, and the return value of useEffectEvent have stable values
• The storage events are only fired when local storage is changed by a different document, not the document where the change originated

Lifecycle methods

• getSnapshotBeforeUpdate + https://github.com/charbelrami/baby-yoda/blob/6591f29208f324e84cae5fe401fecfe75c46f23f/src/index.js#L63

Context API

• That React Component Right Under Your Context Provider Should Probably Use React.memo
• What’s your favorite resource for understanding React component composition to avoid prop drilling and managing shared state in complex components?
• https://jclem.net/posts/building-a-router-in-react
• https://blog.testdouble.com/posts/2021-03-19-react-context-for-dependency-injection-not-state
• https://thoughtspile.github.io/2021/10/27/better-react-context

Component

• https://macarthur.me/posts/safer-dangerouslysetinnerhtml
• https://elisehe.in/2023/03/27/minimal-html-in-design-systems.html
• Headless UI components
• Completely unstyled, fully accessible UI components
• https://github.com/jquense/react-widgets
• https://hugogiraudel.com/2020/01/17/accessible-links-and-buttons-with-react + https://gist.github.com/StevenLangbroek/bbf63723b3c87d88644eae34cb9a0d01
• Monolithic Components, Composable Components
• Making unrepresentable UI representations unrepresentable!
• Transforming Elements in React.
• https://github.com/jbranchaud/til/blob/master/react/who-is-your-favorite-child.md
• https://github.com/jbranchaud/til/blob/master/react/use-a-ref-to-autofocus-an-input.md
• https://github.com/jbranchaud/til/blob/master/react/read-only-input-elements.md
• https://github.com/jbranchaud/til/blob/master/react/create-dynamically-named-custom-react-components.md
• What's your current favorite date range picker?
• https://github.com/samdenty/console-feed
• Simple react component for swipe events on touch.
• Accessible custom select component
• https://github.com/duetds/date-picker#usage-with-react
• https://jeffchen.dev/posts/Detecting-Widows-In-React
• https://github.com/jxom/awesome-react-headless-components
• A component that copies some text to the clipboard when it is clicked. + https://twitter.com/ralex1993/status/1354908479652327427
• picture fallback system for all devices all file types all resolutions and shows them accordingly depending on how many breakpoints you supply
• higher order component that will randomly throw Error
• https://github.com/Sawtaytoes/children-first-components
• https://react-spectrum.adobe.com/blog/creating-a-pointer-friendly-submenu-experience.html

Pattern

• https://www.patterns.dev
• https://github.com/nearform/react-patterns-workshop
• https://www.bbss.dev/posts/effective-hocs
• https://martinfowler.com/articles/modularizing-react-apps.html
• Reusable Code In React: Inheritance, Composition, Decorators and Mixins.
• What are some React anti-patterns that you encounter often? Why are they dangerous?
• Component Base Role
• render prop
• Advanced memoization and effects in React.
• Accept children as a function (a.k.a. render props) and as prop
• https://github.com/Lemoncode/render-props-typescript
• https://github.com/danburzo/react-recipes
• https://unicorn-utterances.com/posts/react-refs-complete-story
• https://ui.dev/useref
• https://betterprogramming.pub/why-you-should-be-separating-your-server-cache-from-your-ui-state-1585a9ae8336
• The composition patterns (usage of children) that we sometimes use to optimize can also be used to interleave components of different types
• https://julesblom.com/writing/component-displayname
• https://jordaneldredge.com/blog/defaulting-to-empty-string-is-a-code-smell
• https://refine.dev/blog/react-memo-guide
• Polymorphism in React: the "as"- and "asChild"-patterns

Concurrent Mode/Suspense

• https://github.com/chantastic/react-suspense-course
• My little React Suspense cache strategy: tweet + gist
• https://github.com/sw-yx/concurrent-react-notes
• https://twitter.com/ReactEurope/status/1227924163714830337 + https://twitter.com/sseraphini/status/1228310393900216320 + https://react-europe-relay-workshop.now.sh
• https://twitter.com/addyosmani/status/1241303537746726913
• https://yagmurcetintas.com/journal/whats-new-in-react-18

Lazy

• https://dev.to/thekashey/react-code-splitting-in2019-3cmg
• You can preFetch lazy loaded React components
• I have more than 600 routes with lazy chunks ..

Routing

• How do I pass props to a route component?
• https://github.com/hinok/react-router-last-location
• https://medium.com/better-programming/react-router-v6-in-two-minutes-a7a2963e2340
• React Router v4, v5 and v6

Styling

• https://www.robinwieruch.de/react-css-styling
• https://www.patterns.dev/posts/view-transitions
• Library Upgrade Guide: <style> (most CSS-in-JS libs)
• Use CSS Variables instead of React Context
• https://www.pluralsight.com/courses/react-components-styling
• CSS in JS techniques comparison + https://css-tricks.com/the-differing-perspectives-on-css-in-js
• https://dreith.com/blog/a-few-gripes-with-styled-components + https://www.reddit.com/r/reactjs/comments/ekh9p9/what_do_you_think_about_plan_css_vs_css_modules
• https://github.com/pshrmn/notes/blob/master/react/animation.md
• Mobile First Animation in React + https://github.com/aholachek/react-animation-comparison
• Off Balance: Interactive Storytelling with React - Mihai Cernusca - React Rally 2019
• Declarative Style Definitions Pt.1
• https://github.com/jbranchaud/awesome-react-design-systems
• https://github.com/kettanaito/atomic-layout
• Virtual DOOM is a first-person 3D demo that uses the DOM as its render engine.
• From @emotioncss to @tailwindcss
• https://joshwcomeau.com/react/prefers-reduced-motion
• https://sgolem.com/atomic-design-with-react-and-bit-simplify-a-complex-ui
• https://github.com/JacobParis/sliding-sidebar
• https://medium.com/14islands/progressive-enhancement-with-webgl-and-react-71cd19e66d4 + https://twitter.com/ffdead/status/1307023551380283393
• To design and develop an interactive globe using Three.js + https://twitter.com/narrowd/status/1300838489869742080
• https://twitter.com/sseraphini/status/1326864292868665352
• https://js.plainenglish.io/chakra-the-react-component-library-you-need-7e383a105a90
• Evolution simulator using simple 2D physics.
• https://github.com/Flow11/death-stranding-ui
• https://steveruiz.me/posts/rotating-icon-button
• https://javascript.plainenglish.io/three-js-with-react-functional-component-9e66e08dbeac
• Learn @framer Motion in 10 Tweets
• https://weser.io/blog/spacing-children-in-react
• https://souporserious.com/bringing-swiftui-stacks-to-the-web
• https://benadam.me/thoughts/react-svg-sprites
• iPod Classic that connects to Apple Music and Spotify. Built with React & Styled Components
• Beautifully designed components built with Radix UI and Tailwind
• https://github.com/shuding/react-wrap-balancer
• https://www.smashingmagazine.com/2023/03/dynamic-donut-charts-tailwind-css-react
• Building a Type-Safe Tailwind with vanilla-extract
• https://www.julienthibeaut.xyz/blog/create-spotlight-border-with-react-css
• https://puruvj.dev/blog/move-to-css-modules-from-styled-components
• https://github.com/jamiebuilds/react-field-sizing-content

Server side rendering

• https://medium.com/javascript-in-plain-english/intro-to-react-server-side-rendering-3c2af3782d08
• https://emergent.systems/posts/ssr-in-react
• https://jeremenichelli.io/2020/05/a-progressive-search-experience-in-next
• https://arkwright.github.io/scaling-react-server-side-rendering.html
• ds - personal site manager - powered by next.js
• Like JSX, but native and fast.
• Next.js Example using Firestore, Firebase Hosting and Material UI.
• https://github.com/johnapost/nextjs-firebase-fns-demo
• https://masteringnextjs.com
• https://github.com/mavropalias/Hero35
• react-suspense-router in SSR.
• https://twitter.com/benawad/status/1239615944298815488
• https://github.com/chec/commercejs-nextjs-demo-store
• Build an E-Commerce Platform in 25 Days with Next.js, Netlify and Stripe
• https://github.com/nikitavoloboev/knowledge/blob/main/programming-languages/javascript/js-libraries/react/nextjs.md
• https://www.builder.io/blog/hydration-is-pure-overhead
• http://intertwingly.net/blog/2020/07/22/React-Hooks-as-Middleware
• https://www.matschik.com/writing/understanding-virtual-dom-that-powers-reactjs-and-vuejs

Server component (RSC)

• https://www.robinwieruch.de/react-component-types/#react-server-components
• https://dev.to/swyx/an-annotated-guide-to-the-react-server-components-demo-2a83
• https://www.bitnative.com/2021/01/24/react-server-components-in-5-minutes
• https://chan.dev/posts/react-server-components-announcement-notes
• https://wooorm.com/server-components-mdx-demo
• https://github.com/nikolasburk/server-components-demo-with-prisma + https://twitter.com/nikolasburk/status/1347231065602187272
• Shopify's vision for the future of commerce with Ilya Grigorik
• https://shopify.engineering/react-server-components-best-practices-hydrogen
• https://twitter.com/jplhomer/status/1587095536833859584 + https://hydrogen.shopify.dev/roadmap + https://twitter.com/jjenzz/status/1587098503326613506
• syntax highlighting
• https://twitter.com/dan_abramov/status/1647203329854799872

State management

• https://www.frontendundefined.com/posts/monthly/react-state-management-libraries-history
• nanostores + https://docs.astro.build/en/core-concepts/sharing-state
• https://arkwright.github.io/event-sourcing.html
• https://www.infoq.com/presentations/react-redux-state-management
• https://blog.codeminer42.com/scalable-frontend-3-the-state-layer-b23ed69ca57c
• https://statecharts.github.io
• https://news.ycombinator.com/item?id=19269227 + https://www.goodreads.com/book/show/4589003-constructing-the-user-interface-with-statecharts + https://www.semanticscholar.org/paper/Constructing-the-User-Interface-with-Statecharts-Horrocks/84bf884f9ea305b52f316285ca66e7a028fde661
• https://github.com/stevekinney/react-state-management
• Immer over Immutable
• https://github.com/brucou/movie-search-app
• XState presentation notes.
• https://kentcdodds.com/blog/make-impossible-states-impossible
• https://medium.com/javascript-in-plain-english/improve-your-redux-skills-by-writing-custom-middleware-32a70b9dfb25
• MobX & React in 2020
• https://tgvashworth.com/2016/09/03/some-ways-to-think-about-state.html
• https://sgolem.com/complex-app-logic-with-redux-and-redux-saga-write-an-authentication-monitor
• The trading client GUI is a single page app (SPA) built using Typescript, React, Redux and Styled components.
• https://www.sitepoint.com/replace-redux-react-hooks-context-api
• https://bennetthardwick.com/blog/recoil-js-clone-from-scratch-in-100-lines
• https://dev.to/dabit3/react-state-6-ways-2bem
• https://daveceddia.com/freebies/guide-to-react-state-management.pdf
• https://changelog.com/posts/when-and-when-not-to-reach-for-redux
• https://blog.logrocket.com/refactoring-redux-app-to-use-recoil + https://github.com/ohansemmanuel/benutzer/tree/recoil-multiple-user + https://github.com/ohansemmanuel/benutzer/tree/redux-multi-users
• 7Guis in React + https://github.com/eugenkiss/7guis + https://github.com/abhimanyuPathania/seven-guis + Yaron Minsky
• https://m.youtube.com/playlist?list=PLNqp92_EXZBIqX8DWmwmJmxeHiq-Ut4W1
• https://tkdodo.eu/blog/offline-react-query
• https://www.zhenghao.io/posts/react-rerender
• https://blog.johnnyreilly.com/2022/09/20/react-usesearchparamsstate
• https://github.com/cpressey/Facts-about-State-Machines
• RTK listener instead of redux-saga
• https://tldraw.substack.com/p/introducing-signia
• Demystifying the internal of jotai
• https://www.frontendundefined.com/posts/monthly/proxy-state-management-mobx-valtio

Preact

• https://github.com/jchen1/website
• Fastify server-side renders Preact to html and serves with a Preact client.js bundle for DOM hydration. + https://youtu.be/p8_wOBU478w
• http://marianoguerra.org/posts/a-simple-understandable-production-ready-preact-project-setup
• https://github.com/PuruVJ/macos-preact

NextJS

• Simple, powerful and flexible site generation framework with everything you love from Next.js
• https://www.ctnicholas.dev/articles/how-to-use-nextjs-middleware
• GPT-3 Powered Serverless App using NextJS & React
• Send emails to yourself, in the future
• https://doordash.engineering/2022/02/22/building-a-marketing-engineering-platform-using-next-js-cloudflare-and-contentful
• https://sergiodxa.com/articles/share-session-and-cookies-between-next-and-remix
• https://github.com/brianlovin/briOS
• Rallly is a free group meeting scheduling tool – built with Next.js, Prisma & TailwindCSS
• Developer directory built on @Nextjs, @MongoDB and @Vercel
• I use tools like MJML, MDX, React, and Next.js to create client-friendly emails without writing a single tag by hand
• MDX powered blog with Next.js and TinaCMS
• https://www.jamesperkins.dev/post/authentication-doesnt-have-to-be-hard
• https://github.com/mvllow/next-pwa-template
• https://github.com/instantcommerce/next-password-protect
• https://github.com/jchiatt/nextjs-basic-auth
• https://github.com/samuelkraft/notion-blog-nextjs

Remix

• https://blog.plasmic.app/posts/remix-for-nextjs-developers + https://twitter.com/yaaang/status/1470814383353696259
• https://www.adamcollier.co.uk/blog/moving-from-next-to-remix
• https://andre-landgraf.dev/blog/2022-07-16_why_remix_is_not_a_react_framework_but_a_full_stack_web_framework
• how many of you are building fullstack apps with your backend all in the remix app?
• https://twitter.com/crc/status/1519336745808056322
• https://github.com/stars/knowler/lists/remix
• Musical Heritage Application
• remix.polymath.chat

Qwik.js

• https://www.builder.io/blog/movies-app-in-7-frameworks-which-is-fastest-and-why + https://github.com/wmalarski/qwik-city-movies

Package

• React Spring
• React Three Fiber + https://github.com/drcmda/learnwithjason
• https://codyb.co/articles/a-technical-breakdown-of-react-three-fiber
• React Ideal Image
• React-Pivot is a data-grid component with pivot-table-like functionality for data display, filtering, and exploration.
• https://github.com/karadikid/shodan-react
• https://github.com/codejamninja/react-ast
• A ReactJS-based Presentation Library.
• https://github.com/wojtekmaj/react-datetimerange-picker
• https://github.com/hodgef/react-simple-keyboard
• https://react-hook-form.com
• A React Renderer for SSD1306 OLED chip on Raspberry Pi.
• A modern keyboard shortcut library written in Typescript.
• A beautiful and flexible guitar component for React.
• Excel-like DataGrid component for React JS.
• Draw perfect pressure-sensitive freehand lines
• Social media share buttons and share counts for React
• https://github.com/cwise89/react-detect-offline
• Transform SVGs into React components
• Generic Styler for geodata
• Easily migrate your existing React codebase to use i18n
• A React component to make correcting automated transcriptions of audio and video easier and faster.
• https://github.com/nikitavoloboev/knowledge/blob/main/languages/internationalization.md
• https://github.com/danilowoz/react-content-loader
• Build, test, send emails with React
• Wrapper for Material Design (Web) Components
• build dashboards fast
• Build and send emails using React + https://twitter.com/sebastienlorber/status/1605587761398009859

Debugging

• Application Performance
• https://old.reddit.com/r/reactjs/comments/1f6abzy/performance_optimization_strategies_for
• https://www.matthewgerstman.com/tech/performance-testing-anonymous-functions
• https://www.eventbrite.com/engineering/a-story-of-a-react-re-rendering-bug
• https://levelup.gitconnected.com/secrets-of-javascript-a-tale-of-react-performance-optimization-and-multi-threading-9409332d349f
• https://alligator.io/react/keep-react-fast
• https://houssein.me/progressive-react
• https://blog.bitsrc.io/5-recommended-tools-for-optimizing-performance-in-reactjs-29eb2a3ec46d
• https://felixgerschau.com/react-performance-react-memo
• https://css-tricks.com/radeventlistener-a-tale-of-client-side-framework-performance
• https://nosleepjavascript.com/react-performance
• https://imkev.dev/react-rendering-order
• https://github.com/tryshchenko/es6-generators-benchmark
• https://papyrus.dev/@PapyrusBlog/how-we-reduced-next.js-page-size-by-3.5x-and-achieved-a-98-lighthouse-score
• https://profy.dev/article/debug-react-vscode
• Solving common performance pitfalls with React tooling and hooks
• https://julesblom.com/writing/react-optional-parameters
• https://richiemccoll.com/visualising-front-end-performance-bottlenecks
• https://www.builder.io/blog/hydration-sabotages-lazy-loading

Testing

• https://wanago.io/2018/08/27/testing-javascript-tutorial-types-of-tests-of-unit-testing-with-jest
• https://www.manning.com/books/testing-javascript-applications
• https://www.udemy.com/course/react-testing-with-jest-and-enzyme
• https://github.com/zamarrowski/Curso-React-Testing-GraphQL
• UI Testing with React, Mirage, Jest and Testing Library
• Testing React by Leigh Halliday
• Jest - A-Z by Felipe Lima
• Test-Driven Development in React
• https://swizec.com/blog/mocking-and-testing-fetch-requests-with-jest/swizec/9338
• https://github.com/Lemoncode/react-testing-by-example
• Repository to learn BDD and e2e using cypress
• https://leanpub.com/mastering-tdd-with-react
• https://developers.redhat.com/blog/2020/04/28/contract-first-development-create-a-mock-back-end-for-realistic-data-interactions-with-react
• https://jkettmann.com/beginners-guide-to-testing-react
• https://katifrantz.com/course/react-testing-masterclass?license=dd88e19a-ab0d-4442-87ba-6e9051896bf0 + https://github.com/bahdcoder/testingreact.dev
• https://maxrozen.com/examples-of-large-production-grade-open-source-react-apps
• https://kentcdodds.com/blog/stop-mocking-fetch
• A book on outside-in test driven development on the frontend, in React and Vue.
• https://github.com/jfairbank/redux-saga-test-plan
• https://leandrotk.github.io/2020/06/ux-studies-with-react-typescript-and-testing-library/index.html + https://github.com/leandrotk/react-testing-library-recipes + https://leandrotk.github.io/2020/10/basic-recipes-for-react-testing-library
• https://gumroad.com/l/beginners-guide-to-react-testing
• https://github.com/kentcdodds/react-testing-library-examples
• Fast is beautiful and Jest is much faster than Cypress. Cypress gives you ultimate confidence when shipping. Jest gives you rapid feedback during development
• https://github.com/ahmadnassri/i-jest-you-not + https://twitter.com/AhmadNassri/status/1375094293917003780
• React.js Unit Testing and Integration Testing Tutorial | Bruno Antunes
• https://github.com/sapegin/jest-cheat-sheet
• https://github.com/muratkeremozcan/cypress-react-component-test-examples + https://muratkerem.gitbook.io/cctdd
• https://github.com/HugoDF/jest-handbook-examples
• https://www.udemy.com/course/typescript-with-react-jest-testing
• https://github.com/simpletut/Testing-React-Redux-with-Jest-and-Enzyme + https://m.youtube.com/playlist?list=PL-Db3tEF6pB8Am-IhCRgyGSxTalkDpUV_
• https://github.com/richiemccoll/book-search-tdd-react
• Assert a side effect did not happen

Tool

• https://github.com/JefMari/awesome-wysiwyg
• https://github.com/yyx990803/vite-vs-next-turbo-hmr
• https://luketheweb.dev/blog/what-is-vite-and-why-should-you-use-it-instead-of-create-react-app
• How to start a React Project in 2023
• https://blog.arkency.com/how-i-migrated-a-rails-app-from-webpack-to-esbuild-and-got-smaller-and-faster-js-builds
• https://survivejs.com/webpack
• tsc --watch nodemon dist/src/index.js
• https://github.com/Lemoncode/react-typescript-samples
• https://daveceddia.com/tailwind-create-react-app
• https://blog.logrocket.com/8-ways-to-deploy-a-react-app-for-free
• https://blog.bitsrc.io/using-service-workers-with-react-27a4c5e2d1a9
• https://www.smashingmagazine.com/2020/10/tasks-react-app-web-workers
• https://marlom.dev/upgrade-to-react-17-and-webpack-5
• https://dusaitis.com/bundle-your-react-app-with-rollup-js
• https://blog.jim-nielsen.com/2020/react-without-build-tools
• https://github.com/rauschma/minimal-react
• https://github.com/yakkomajuri/react-from-scratch
• https://github.com/HearTao/ts-react-hooks-tools
• CLI utility for quickly creating new React components
• A boilerplate for SSR'd Vite, React 17, and TypeScript 4.3
• https://javascript.plainenglish.io/10-ways-to-host-your-react-app-for-free-cf91fe615177
• https://www.tpjnorton.com/blog/posts/next-js-12-performance-test-builds-appear-to-be-slower-not-faster
• https://devtails.xyz/how-to-set-up-server-side-rendering-ssr-with-react-and-esbuild
• https://datastation.multiprocess.io/blog/2021-11-13-benchmarking-esbuild-swc-typescript-babel.html + https://github.com/multiprocessio/react-benchmark-generator
• https://www.ctnicholas.dev/articles/how-to-use-sandpack-for-code-demos
• https://souporserious.com/use-babel-to-statically-analyze-jsx
• Unpack the source code of React
• Migrating your T3 App into a Turborepo
• https://jaked.org/blog/2022-01-26-Read-the-Code-GitHub-Flat-Viewer
• GPT-powered chat for documentation search & assistance

Opinion

• https://www.zachleat.com/web/react-criticism
• https://github.com/gactjs/research/tree/main/react-instance-identity-model
• https://electricui.com/blog/wishlist-for-a-react-compiler
• Glossary + Explain Like I'm Five
• https://tigerabrodi.blog/reacts-evolution-from-hooks-to-concurrent-react