This repository contains an explanation of inner work of React. In fact, I was debugging through the entire code base and put all the logic on visual block-schemes, analyzed them, summarized and explained main concepts and approaches. I've already finished with Stack version and now I work with the next, Fiber version.

Each scheme is clickable and can be opened in a new tab, use that to zoom it and be able to read from it. Keep the article and a scheme you are reading about at that moment in separate windows (tabs), that will help to match text and code flow easier.

We…

Offer API docs that look as good as Stripe's using our sponsor Fern. Request a preview of your docs on Fern.

A collection of awesome things regarding the React ecosystem.

• React
  • React General Resources
  • React Tutorials
  • React Frameworks
  • React Component Libraries
  • React State Management and Data Fetching
  • React Styling
  • React Routing
  • React Development Tools
  • React Libraries
  • React Testing
  • React Awesome Components
  • React Components Sandboxes
  • React Forms
  • React Tables and Grids
  • React Maps
  • React Charts
  • React Renderers
  • React Internationalization
  • React Graphics and Animations
  • React Integration
  • React Real Apps
• React Native
  • React Native General Resources
  • React Native Navigation
  • React Native Awesome Components
  • React Native Libraries
• Contribution

• React Official Website
• React GitHub
• Reactiflux Discord Channel
• React Community
• React Conferences
• React CodeSandbox Playground

• React Official Tutorial
• Using React in Visual Studio Code
• React Interview Questions & Answers
• Design patterns and Component patterns for building powerful Web…

A compilation of React Patterns, techniques, tips and tricks.

Gitbook format: https://vasanthk.gitbooks.io/react-bits

Github repo: https://github.com/vasanthk/react-bits

Your contributions are heartily ♡ welcome. (✿◠‿◠)

Translations by community:

• 中文版 (Chinese): react-bits-cn
• 한국어 (Korean): react-bits-ko

• Design Patterns and Techniques
  • Conditional in JSX
  • Async Nature Of setState()
  • Dependency Injection
  • Context Wrapper
  • Event Handlers
  • Flux Pattern
  • One Way Data Flow
  • Presentational vs Container
  • Third Party Integration
  • Passing Function To setState()
  • Decorators
  • Feature Flags
  • Component Switch
  • Reaching Into A Component
  • List Components
  • Format Text via Component
  • React Fragments
  • Share Tracking Logic
• Anti-Patterns
  • Introduction
  • Props In Initial State
  • findDOMNode()
  • Mixins
  • setState() in componentWillMount()
  • Mutating State
  • Using Indexes as Key
  • Spreading Props on DOM elements
• Handling UX Variations
  • Introduction
  • Composing UX Variations
  • Toggle UI Elements
  • HOC for Feature Toggles
  • HOC props proxy
  • Wrapper Components
  • Display Order Variations
• Perf Tips
  • Introduction
  • shouldComponentUpdate() check
  • Using Pure Components
  • Using reselect
• Styling
  • Introduction
  • Stateless UI Components
  • Styles Module
  • Style…

The open-source Bitly successor
Learn more »

Introduction · Features · Tech Stack · Self-hosting · Contributing

Dub.co is the open-source link management infrastructure for modern marketing teams.

• Advanced Analytics
• Branded Links
• QR Codes
• Personalization
• Team Collaboration

• Next.js – framework
• TypeScript – language
• Tailwind – CSS
• Upstash – redis
• Tinybird – analytics
• PlanetScale – database
• NextAuth.js – auth
• BoxyHQ – SSO/SAML
• Turborepo – monorepo
• Stripe – payments
• Resend – emails
• Vercel – deployments
• Pangea - link scanning

You can self-host Dub.co for greater control over your data and design. Read this guide to learn more.

We love our contributors! Here's how you can contribute:

• Open an issue if you believe you've encountered a bug.
• Follow the local development guide to get your local dev environment set up.
• Make a pull request to add new features/make quality-of-life improvements/fix bugs.

Inspired by…

👍
react-use

^{Collection of essential React Hooks Port of libreact
Translations: 🇨🇳 汉语}

npm i react-use

• Sensors
  • useBattery — tracks device battery state.
  • useGeolocation — tracks geo location state of user's device.
  • useHover and useHoverDirty — tracks mouse hover state of some element.
  • useHash — tracks location hash value.
  • useIdle — tracks whether user is being inactive.
  • useIntersection — tracks an HTML element's intersection.
  • useKey, useKeyPress, useKeyboardJs, and useKeyPressEvent — track keys.
  • useLocation and useSearchParam — tracks page navigation bar location state.
  • useLongPress — tracks long press gesture of some element.
  • useMedia — tracks state of a CSS media query.
  • useMediaDevices — tracks state of connected hardware devices.
  • useMotion — tracks state of device's motion sensor.
  • useMouse and useMouseHovered — tracks state of mouse position.
  • useMouseWheel — tracks deltaY of scrolled mouse wheel.
  • useNetworkState — tracks the state of browser's network connection.
  • useOrientation — tracks…