React Development Tools Resources

Lexical-Solid SolidJS port of @lexical/react Currently based on @lexical/react version 0.7.6. Installing npm install lexical-solid You may need to add

eslint-plugin-nozbe A collection of helpful ESLint rules we created while building Nozbe app. Installation yarn add --dev @nozbe/eslint-plugin-nozbe I

react-native-compass-heading credits - https://github.com/vnil/react-native-simple-compass Installation $ yarn add react-native-compass-heading $ cd i

🃏 Delightful JavaScript Testing 👩🏻‍💻 Developer Ready: A comprehensive JavaScript testing solution. Works out of the box for most JavaScript projec

Medical Pager Chat App Introduction This is a code repository for the correspond

React and Next.js Snippets React and Next.js Snippets with TypeScript support as well! 🚀 Installation Install the VSCode extension Reload VSCode Snip

react-modern-drawer creating drawers made easy! low bundle size with fantastic performance Demo 💻 🔥 click here to see the demo Install npm install -

Isolated React component development environment with a living style guide React Styleguidist is a component development environment with hot reloaded

Code Kitchen is a React live-coding playground which allows the developers to embed React component demos into a React UI library’s web documents.

👀 Why When developing a React app, you have a lot of components in your app. Sometimes you may forget where the code is located that you want to edit

Join our Community Slack Quick Installation Guide What is Reactotron? Reactotron is a macOS, Windows, and Linux app for inspecting your React JS and R

React Freeze Prevent React component subtrees from rendering. What is this? 🤔 This library allows for freezing renders of the parts of the React comp

xdm xdm is an MDX compiler that focusses on two things: Compiling the MDX syntax

React Outline This is a simple extension that shows the symbols and outlines for a React file. It can detect custom components and also html tags. Her

A higher order component for loading components with dynamic imports. Install yarn add react-loadable Example import Loadable from 'react-loadable'; i

Build bulletproof UI components faster Storybook is a development environment for UI components. It allows you to browse a component library, view the

Universal Data Tool Try it out at udt.dev, download the desktop app or run on-premise. Docs • Website • Playground • Library Usage • On-Premise The Un

FOCA 基于 redux 的现代化 react 状态管理库。简洁、极致、极客精神。 特性 模块化开发 专注 typescript 极致体验 额外支持 Map/Set 数据类型 内置 immer 快速处理状态 异步方法自动追踪状态 多功能数据持久化 可与其他 redux 库共存，互不干扰 安装 ya

React PWA v2 A highly scalable, Progressive Web Application foundation,boilerplate, with the best Developer Experience. Demo: https://demo.reactpwa.co

react-native-image-slider-box Announce: All Pull-Requests have been applied. CI/CD has been integrated to update the package automatically. How to sen

React Testing Library Simple and complete React DOM testing utilities that encourage good testing practices. Read The Docs | Edit the docs Table of Co

Visually build pages and frontends, lightning-fast. Plug into your React codebase. Empower anyone to ship.

JSX Control Statements JSX-Control-Statements is a Babel plugin that extends JSX to add basic control statements: conditionals and loops. It does so b

react-mui-multiselect-dropdown It is simple and light weight single/multiselect searchable dropdown library. This package is built using popular react

ESLint-plugin-React React specific linting rules for ESLint Installation Install ESLint either locally or globally. (Note that locally, per project, i

Overview As the name suggests, this helper plugin draws kanban boards using the outliner approach. This plugin offers 2 options: Please note that you

Enzyme Enzyme is a JavaScript Testing utility for React that makes it easier to test your React Components' output. You can also manipulate, traverse,

react-plaid-link React hooks and components for integrating with the Plaid Link drop module Install With npm: npm install --save react-plaid-link Wit

React Dev Inspector Introduction This package allows users to jump to local IDE code directly from browser React component by just a simple click, whi

Raycast Extensions (Beta) Raycast lets you control your tools with a few keystrokes. This repository contains all extensions that are available in the

JavaScript Standard Style Sponsored by English • Español (Latinoamérica) • Français • Bahasa Indonesia • Italiano (Italian) • 日本語 (Japanese) • 한국어 (Ko

typing-test NOTE: This is my recreation of already existing monkeytype This site is currently live: Visit Here How to run locally git clone https://gi

Get professional support for eslint-plugin-jsx-a11y on Tidelift eslint-plugin-jsx-a11y Static AST checker for accessibility rules on JSX elements. Rea

Redux DevTools Developer Tools to power-up Redux development workflow or any other architecture which handles the state change (see integrations). It

Join our Community Slack Quick Installation Guide What is Reactotron? Reactotron is a macOS, Windows, and Linux app for inspecting your React JS and R

Library of developer tools for debugging and visualizing SolidJS reactivity.

React code splitting made easy. Reduce your bundle size without stress ✂️ ✨ . npm install @loadable/component Docs See the documentation at loadable-c

react-simple-badges React badges for your Profile and Projects. Find a complete list of over 1400 badges in badges.md Install npm i react-simple-badge

Docz makes it easy to write and publish beautiful interactive documentation for your code. Create MDX files showcasing your code and Docz turns them i

React Cosmos A dev environment for building scalable, high-quality user interfaces. Visual TDD. Develop one component at a time. Isolate the UI you're

Isolated React component development environment with a living style guide React Styleguidist is a component development environment with hot reloaded

Div100vh React component and use100vh React hook This is a workaround for iOS Safari and other mobile browsers. The problem In mobile browsers, the re

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

This project has migrated to github.com/facebook/react The source code for the v3 of the extension can be found in the v3 branch. To build the v3 brow

React Hot Loader Tweak React components in real time ⚛️ ⚡️ Watch Dan Abramov's talk on Hot Reloading with Time Travel. Moving towards next step React-

Remote Redux DevTools Use Redux DevTools remotely for React Native, hybrid, desktop and server side Redux apps. Installation npm install --save-dev re

react-inspector Power of Browser DevTools inspectors right inside your React app. Check out the interactive playground or storybook. Install NPM: npm

react-inspector Power of Browser DevTools inspectors right inside your React app. Check out the interactive playground or storybook. Install NPM: npm

React Native Mask Input A simple and effective Text Input with mask for ReactNative on iOS, Android, and Web. No fancy stuff, it's basically a JavaScr

Kea v2 Open the documentation and read from there. Thank you to our backers! Contributors This project exists thanks to all the people who contribute.

React Cosmos A dev environment for building scalable, high-quality user interfaces. Visual TDD. Develop one component at a time. Isolate the UI you're

Utopia is an integrated design and development environment for React. It uses React code as the source of truth, and lets you make real time changes to components by editing it and using a suite of design tools. It's early software, but you can try it today, look at an example project, or read about it on our blog!

Why Did You Render why-did-you-render by Welldone Software monkey patches React to notify you about avoidable re-renders. (Works with React Native as

Join our Community Slack Quick Installation Guide What is Reactotron? Reactotron is a macOS, Windows, and Linux app for inspecting your React JS and R