In this demo, I am using a library created by me, called 'aesthetic-state' for global state managment in React

Overview

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Owner
Dany Beltran
Fullstack developer. Learner: )
Dany Beltran
Cheatsheets for experienced React developers getting started with TypeScript

Cheatsheets for experienced React developers getting started with TypeScript

TypeScript Cheatsheets 29.2k Oct 16, 2021
React Query for Firestore, that you can actually use in production, on every screen.

React Query for Firestore, that you can actually use in production, on every screen.

Amine Bl 65 Oct 6, 2021
Figmagic is the missing piece between DevOps and design: Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents.

Figmagic Figmagic is the missing piece between DevOps and design: Generate design tokens, export graphics, and extract design token-driven React compo

Mikael Vesavuori 445 Oct 14, 2021
:fire: An extremely fast, React-like JavaScript library for building modern user interfaces

Inferno is an insanely fast, React-like library for building high-performance user interfaces on both the client and server. Description The main obje

Inferno 15.1k Oct 9, 2021
A small 3D game built with react-three-fiber

Avoid the cubes while the speed progressively increases! Can you beat the rainbow level? The game is inspired by an old flash game I used to play in t

Adam Karlsten 92 Oct 14, 2021
Make your React Components aware of their width and height!

Make your React Components aware of their width and/or height! Hyper Responsive Components! Performant. Easy to use. Extensive browser support. Suppor

Sean Matheson 1.7k Oct 12, 2021
A state management library for React, heavily inspired by vuex

A state management library for React, heavily inspired by vuex

Dana Janoskova 82 Oct 3, 2021
📑 A React component to easily create demos of other components

React DemoTab ?? A React component to easily create demos of other components Install npm install react-demo-tab Demo DemoTab example Example import R

mkosir 23 Jul 23, 2021
genji is A small vue state management framewok by vue3 reactivity.

genji is A small vue state management framewok by vue3 reactivity. Why calls genji ? It's inspired by Overwatch. Genji flings prec

xieyezi 5 Oct 13, 2021
Complete token authentication system for react + redux that supports isomorphic rendering.

Simple, secure authentication for react + redux TL;DR - View the Live Demo You can see a complete working example here. The code for the demo is here.

Lynn Dylan Hurley 2.2k Oct 2, 2021
🖱 A resizable and draggable component for React.

A resizable and draggable component for React. Table of Contents Screenshot Live Demo Storybook CodeSandbox Install Usage Props Instance API updateSiz

bokuweb 2.5k Oct 12, 2021
A curated list of resources to learn React and related web technologies as fast as possible.

React Learning Resources A curated list of resources to learn React and related web technologies as fast as possible. The goal is to help you create p

Naresh Bhatia 21 Oct 19, 2021
User-friendly query builder for React

react-awesome-query-builder User-friendly React component to build queries. Inspired by jQuery QueryBuilder Using awesome Ant Design v4 for widgets No

Denis Oblogin 886 Oct 12, 2021
React ESI: Blazing-fast Server-Side Rendering for React and Next.js

React ESI: Blazing-fast Server-Side Rendering for React and Next.js React ESI is a super powerful cache library for vanilla React and Next.js applicat

Kévin Dunglas 578 Oct 12, 2021
Curated tutorial and resource links I've collected on React, Redux, ES6, and more

React/Redux Links Curated tutorial and resource links I've collected on React, Redux, ES6, and more, meant to be a collection of high-quality articles

Mark Erikson 21.1k Oct 20, 2021
The ½ kb state machine hook for React

The ½ kb state machine hook for React

Cassio Zen 2.1k Oct 8, 2021
React Bootcampのリポジトリ

ReactBootcamp 第一回勉強会後の開発ドキュメント 前回まで 次回までの目標 React の環境を構築し、React の使い方を掴む 今週のやることリスト PC に React の開発環境を構築する エディタをインストール(VS code 推奨) React プロジェクトの作成 React

null 19 Sep 30, 2021
A react renderer for blessed.

react-blessed A React custom renderer for the blessed library. This renderer should currently be considered as experimental, is subject to change and

Guillaume Plique 4.2k Oct 18, 2021