NaNcy.js

Changelog | Contributing

This repository contains different JavaScript and TypeScript apps and tools that are used in different projects here at NaN Labs. We also provide reusable JavaScript and TypeScript packages.

Contents

• Applications

• Examples

  • DevOps
    • Node Package Managers
  • Frontend
    • React State Management

• Contributing

• Contributors

Applications

• React Boilerplate - A simple but powerful boilerplate to start a React project powered by Vite. Boilerplate generated using create-awesome-node-app contains full CI/CD setup with GitHub Actions and Docker. It also contains a full local development setup with hot reload and production ready setup with minification and optimization. It also contains a full test setup with Jest and React Testing Library. Keywords: React
• Storybook Playground - This app was created with the goal to have examples of ours React components, hooks and libraries that are created in different packages in the repository Nancy.js. Keywords: React, Storybook, Nancy.js
• TypeScript Monorepo Boilerplate - A simple but powerful boilerplate to start a TypeScript monorepo project powered Turborepo. Keywords: TypeScript, Turborepo, Monorepo, Boilerplate, React, NPM Workspaces, Changesets, ESLint, Prettier, Jest, Nest.js, Storybook

Examples

DevOps

Node Package Managers

• Node Package Managers - Comparison of the most popular Node Package Managers: npm, yarn, pnpm. Keywords: Node, npm, yarn, pnpm

Frontend

React State Management

• AgileTs - This example shows how to use AgileTs to manage state. Keywords: React, AgileTs
• Akita - This example shows how to use Akita to manage state. Keywords: React, Akita
• Context - This example shows how to use React Context to share data between components. Keywords: React
• Effector - This example shows how to use Effector to manage state. Keywords: React, Effector
• Global State - This example shows how to use a global state using React Hooks. Keywords: React
• Hookstate - This example shows how to use Hookstate to manage state. Keywords: React
• Jotai - This example shows how to use Jotai to manage state. Keywords: React, Jotai
• MobX - This example shows how to use MobX to manage state. Keywords: React, MobX
• MobX State Tree - This example shows how to use MobX State Tree to manage state. Keywords: React, MobX State Tree
• Prop Drilling - This example shows how to pass data from a parent component to a child component using props. Keywords: React
• React Easy State - This example shows how to use React Easy State to manage state. Keywords: React, React Easy State
• React Query - This example shows how to use React Query to fetch data from an API. Keywords: React, React Query
• Recoil - This example shows how to use Recoil to manage state. Keywords: React, Recoil
• Redux Toolkit - This example shows how to use Redux Toolkit to manage state. Keywords: React, Redux Toolkit
• Rematch - This example shows how to use Rematch to manage state. Keywords: React, Rematch
• Rxjs - This example shows how to use Rxjs to manage state. Keywords: React, Rxjs
• Storeon - This example shows how to use Storeon to manage state. Keywords: React, Storeon
• Teaful - This example shows how to use Teaful to manage state. Keywords: React
• Unistore - This example shows how to use Unistore to manage state. Keywords: React, Unistore
• Valtio - This example shows how to use Valtio to manage state. Keywords: React, Valtio
• XState - This example shows how to use XState to manage state. Keywords: React, XState
• Zustand - This example shows how to use Zustand to manage state. Keywords: React, Zustand

Contributing

• Contributions make the open source community such an amazing place to learn, inspire, and create.
• Any contributions you make are truly appreciated.
• Check out our contribution guidelines for more information.

Contributors

Made with contributors-img.