quisido/optimal-react-file-structure

This repository has been archived on 12/Jul/2023
Stars
250
Rank 162,397 (Top 4 %)
Language
JavaScript
License
MIT License
Created over 5 years ago
Updated over 2 years ago

quisido/optimal-react-file-structure

quisido

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Optimal file structure for React applications.

Optimal File Structure for React Applications

This repository is a living document for an optimal React file structure. You can read an in-depth analysis of structural decisions in Optimal File Structure for React Applications on Medium.

Sponsor 💗

If you are a fan of this project, you may become a sponsor via GitHub's Sponsors Program.

reactn

React, but with built-in global state management.

use-react-router

React Hook for pub-sub behavior using React Router.

fetch-suspense

A React hook compatible with React 16.6's Suspense component.

use-force-update

React Hook to force your function component to update

use-clippy

React Hook for reading from and writing to the user's clipboard.

use-mui

React hooks for Material UI

quicksort-js

An implementation of Quicksort in JavaScript/TypeScript.

lazy-i18n

Lazy load translations for your React application.

react-innertext

Returns the innerText of a React JSX object.

use-dimensions

A React hook for the React Native Dimensions API.

fetch-action-creator

Fetches using standardized, four-part asynchronous actions for redux-thunk.

quisi.do

https://quisi.do/

im-fine

A visual representation of depressive thoughts.

react-multi-context

Manage multiple React 16 contexts with a single component.

react-capsule

A React capsule is a global state instance that can be used across multiple React components.

use-async-function

A React hook for integrating asynchronous function state into React function component state.

use-awsui

React hooks for the AWS UI component library

react-datadog

A React wrapper for DataDog RUM

react-native-web-view

An implementation of React Native's WebView that allows for postMessage on iOS devices.

react-sparkline-svg

A React Component that renders a sparkline as an SVG.

reactn-devtools

ReactN DevTools allow you to view your ReactN state with the Redux DevTools browser extension

reactn-vs-redux

The same application, implemented and measured in both ReactN and redux.

node-package-template

A GitHub repository template for Node modules.

use-update-effect

useUpdateEffect is a React hook implementation of componentDidUpdate

rpg-overworld-engine

A tech demo for a browser-based, Pokemon-esque RPG overworld engine that even supports Internet Explorer 6.

sparkline-svg

Generate a Sparkline as an SVG.

peoplecott

Peoplecott attempts to unveil the immoral behavior funded by brand loyalty.

deep-proxy-polyfill

Recursively proxies an object.

react-segment-analytics

Segment integration with React

awsui-theme

Apply a custom theme to the AWS UI

textualsext

Textual Sext is a choose-your-own pornographic adventure game, designed by and featuring reddit user /u/textualsext. Click the images to scroll through the gallery, then choose an option for how to continue the storyline.

react-router-v6-sentry-browser-tracing-integration

Sentry browser tracing integration for React Router v6

use-awsui-router

Collection of React hooks for AWS UI with support for React Router.

react-pluralsight-score

A React component mimicking the Pluralsight Score IQ graph.

konami-js

Konami.js is an ES6 JavaScript instance that allows web developers to implement the Konami code on their web pages. By pressing up, up, down, down, left, right, left, right, B, A, Enter, one or more custom JavaScript functions will execute.

react-rainbow-text

Generates rainbow-colored text in React.

dota2huds

View a live demo of any Dota 2 HUD.

use-mouse-move

React hook for listening to mouse move events

medium-stats-api

An API endpoint for fetching Medium article stats.

mssql-query-builder

Dynamically build Microsoft SQL Server queries using JavaScript.

react-portfolio

A sleek portfolio design created in React.

rainbow-text

Rainbowify your text.

use-offline

React hook for listening to online/offline events.

with-router

A pub-sub alternative HOC to react-router's withRouter HOC.

super-mario-world-js

Super Mario World JS was a project for a college-level Programming Paradigms course.

spritesheet2gif-php

Converts sprite sheets to GIFs.

react-mui-tooltip

Create React tooltips similar to those used by Material-UI.

absolute-timestamp

Renders an absolute timestamp in React

use-awsui-table-item-description

Adds a description row to each table item.

hsl2rgb-js

Convert HSL to RGB.

breakout-of-smoking

The classic Breakout game themed as an anti-smoking campaign.

animal-crossing-music

Synchronize your day's background music with Animal Crossing.

use-ctrl-key

React hook for listening to when the Ctrl key is pressed

fullstory-react

FullStory integration with React

sonic-the-hedgehog-tribute

An artistic tribute to the Sonic the Hedgehog franchise.

meditative-breathing

A visual representation to guide meditative breathing.

awsui-dark-mode

Applies a dark mode theme to AWS UI components.

aws-console

automated AWS console

react-object-prop

Caches Object props in React so as to prevent unnecessary re-rendering.

configure-webpack

Easily generates a typical Webpack configuration.

docker-hub-webhook

A Docker container designed to listen for and redeploy images from Docker Hub webhooks.

sentry-react

A React wrapper to mount Sentry

use-page-transition

React hook for listening to page visibility events

glossary

Monorepo for Glossary application generation

use-key-down

React hook for listening to the keydown event.

password-generator

Generates a random string for password use.

shopping-list

A simple shopping list application.

delimiter

Places delimiters between items in an array.

reverse-proxy-nginx

The nginx layer of a containerized reverse proxy.

quisido.com

A portfolio for Ace Quisido.

tf2-bingo

Mark your TF2 Bingo card as stereotypical situations unfold throughout your game!

use-params-memo

React's `useMemo` hook with a parameterized function

reverse-proxy-certbot

The certbot layer of a reverse proxy.

rainbow-gradient

Generates a gradient of the colors of the rainbow.

platformer-engine

A 2D platformer engine implemented in the web browser.

react-quotes-carousel

A quotes carousel for React.

use-update-layout-effect

a useLayoutEffect hook that only triggers on update (not on mount)

spritesheet2gif-api

a back end API for converting sprite sheets to GIFs

trolley-solution-client

The Trolley Solution is a video board game based on the philosophical trolley problem.

react-native-meditative-breathing

A visual representation to guide meditative breathing.

table-sort

Open source JavaScript snippet that scans tabular data, appends arrow links to the header of sortable tables, and binary sorts the table by the data contained in that column when its sort link is clicked.

jquery-image-magnifier

an IE6-compliant image magnification tool

jquery-news-slider

A graphical news slider built in jQuery.

react-hooks

simple React hooks

docker-php-gd

A PHP/Apache Docker image configured to support the GD image library.