0x5a.live

for different kinds of informations and explorations.

GitHub - plouc/nivo: nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries

nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries - plouc/nivo

GitHub - plouc/nivo: nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries

GitHub - plouc/nivo: nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries

nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries - plouc/nivo

Powered by 0x5a.live 💗

nivo provides supercharged React components to easily build dataviz apps, it's built on top of d3.

Several libraries already exist for React d3 integration, but just a few provide server side rendering ability and fully declarative charts.

Installation

In order to use nivo, you have to install the @nivo/core package and then choose some of the scoped @nivo packages according to the charts you wish to use:

yarn add @nivo/core @nivo/bar

Features

Highly Customizable
Motion/Transitions, powered by react-spring
Interactive Components Playground
Exhaustive Documentation
SVG Charts
HTML Charts
Canvas Charts
Server Side Rendering and HTTP API
Patterns & Gradients
Theming
Responsive Charts

Discussion

Join the nivo discord community.

Packages & components

nivo is comprised of several packages/components, for a full list, please use the Components Explorer.

Guides

Backers

Donations are welcome to help improving nivo [Become a backer]

Open Collective Sponsors

Support this project by becoming a sponsor, your logo will show up here with a link to your website. [Become a sponsor]

React JS Resources

are all listed below.

React Community – React

~/www.patterns.dev

Quick Start – React

Snack - React Native in the browser

~/snack.expo.dev

React JavaScript Tutorial in Visual Studio Code

~/code.visualstudio.com

Overview · React Native

~/reactnative.dev

React Native · Learn once, write anywhere

~/reactnative.dev

React Conferences – React

React - CodeSandbox

~/codesandbox.io

GitHub - visgl/react-map-gl: React friendly API wrapper around MapboxGL JS

GitHub - PaulLeCam/react-leaflet: React components for Leaflet maps

GitHub - measuredco/puck: The visual editor for React

GitHub - mkosir/react-parallax-tilt: 👀 Easily apply tilt hover effect on React components - lightweight/zero dependencies (3kB)

GitHub - cypress-io/cypress: Fast, easy and reliable testing for anything that runs in a browser.

GitHub - pmndrs/react-three-fiber: 🇨🇭 A React renderer for Three.js

GitHub - dvtng/react-loading-skeleton: Create skeleton screens that automatically adapt to your app!

GitHub - framer/motion: Open source, production-ready animation and gesture library for React

GitHub - gregberge/loadable-components: The recommended Code Splitting library for React ✂️✨

GitHub - FormidableLabs/victory: A collection of composable React components for building interactive data visualizations

TW Elements integration with React - Free Examples & Tutorial

~/tw-elements.com

GitHub - TanStack/router: 🤖 Fully typesafe Router for React (and friends) w/ built-in caching, 1st class search-param APIs, client-side cache integration and isomorphic rendering.

GitHub - remotion-dev/remotion: 🎥 Make videos programmatically with React

GitHub - rcbyr/keen-slider: The HTML touch slider carousel with the most native feeling you will get.

GitHub - reduxjs/redux: A JS library for predictable global state management

GitHub - bvaughn/react-error-boundary: Simple reusable React error boundary component

GitHub - remix-run/react-router: Declarative routing for React

GitHub - gaearon/overreacted.io: Personal blog by Dan Abramov.

GitHub - vitejs/vite: Next generation frontend tooling. It's fast!

GitHub - vercel/swr: React Hooks for Data Fetching

GitHub - diegomura/react-pdf: 📄 Create PDF files using React

GitHub - plouc/nivo: nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries

GitHub - facebookexperimental/Recoil: Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.

GitHub - expo/router: [ARCHIVE]: Expo Router has moved to expo/expo -- The File-based router for universal React Native apps

GitHub - alan2207/bulletproof-react: 🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.

GitHub - JedWatson/react-select: The Select Component for React.js

GitHub - ariakit/ariakit: Toolkit for building accessible web apps with React

GitHub - styled-components/styled-components: Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

GitHub - immerjs/immer: Create the next immutable state by mutating the current one

GitHub - wavetermdev/waveterm: An open-source, cross-platform terminal for seamless workflows

GitHub - styleguidist/react-styleguidist: Isolated React component development environment with a living style guide

GitHub - airbnb/visx: 🐯 visx | visualization components

GitHub - jaredpalmer/formik: Build forms in React, without the tears 😭

GitHub - react-navigation/react-navigation: Routing and navigation for your React Native apps

GitHub - facebook/react: The library for web and native user interfaces.

GitHub - pierpo/react-archer: 🏹 Draw arrows between React elements 🖋

GitHub - vercel/next.js: The React Framework

GitHub - captbaritone/webamp: Winamp 2 reimplemented for the browser

GitHub - gatsbyjs/gatsby: The best React-based framework with performance, scalability and security built in.

GitHub - reactjs/react-rails: Integrate React.js with Rails views and controllers, the asset pipeline, or webpacker.

GitHub - formatjs/formatjs: The monorepo home to all of the FormatJS related libraries, most notably react-intl.

GitHub - microsoft/fluentui: Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

GitHub - TanStack/query: 🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.

GitHub - mobxjs/mobx: Simple, scalable state management.

GitHub - formkit/auto-animate: A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.

GitHub - remix-run/remix: Build Better Websites. Create modern, resilient user experiences with web fundamentals.

GitHub - react-icons/react-icons: svg react icons of popular icon packs

GitHub - emotion-js/emotion: 👩‍🎤 CSS-in-JS library designed for high performance style composition

GitHub - shadcn-ui/ui: Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

GitHub - apollographql/apollo-client: :rocket: A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server.

GitHub - ealush/vest: Vest ✅ Declarative validations framework

GitHub - facebook/create-react-app: Set up a modern web app by running one command.

GitHub - mohitk05/react-insta-stories: A React component for Instagram like stories

GitHub - anatoliygatt/heart-switch: ❤️ A heart-shaped toggle switch component for React.

GitHub - welldone-software/why-did-you-render: why-did-you-render by Welldone Software monkey patches React to notify you about potentially avoidable re-renders. (Works with React Native as well.)

GitHub - facebook/relay: Relay is a JavaScript framework for building data-driven React applications.

GitHub - howtographql/howtographql: The Fullstack Tutorial for GraphQL

GitHub - rescript-lang/rescript-compiler: The compiler for ReScript.

GitHub - floating-ui/floating-ui: A JavaScript library to position floating elements and create interactions for them.

GitHub - uber/react-vis: Data Visualization Components

GitHub - porscheofficial/cookie-consent-banner: The lightweight and flexible Cookie Consent Banner

GitHub - react-cosmos/react-cosmos: Sandbox for developing and testing UI components in isolation

GitHub - alibaba/formily: 📱🚀 🧩 Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder -- Support React/React Native/Vue 2/Vue 3

GitHub - timc1/kbar: fast, portable, and extensible cmd+k interface for your site

GitHub - parcel-bundler/parcel: The zero configuration build tool for the web. 📦🚀

GitHub - fulcrologic/fulcro: A library for development of single-page full-stack web applications in clj/cljs

GitHub - TanStack/table: 🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table

GitHub - FaridSafi/react-native-gifted-chat: 💬 The most complete chat UI for React Native

GitHub - lukasbach/react-complex-tree: Unopinionated Accessible Tree Component with Multi-Select and Drag-And-Drop

GitHub - pmndrs/react-spring: ✌️ A spring physics based React animation library

GitHub - recharts/recharts: Redefined chart library built with React and D3

GitHub - react-bootstrap/react-bootstrap: Bootstrap components built with React

GitHub - pmndrs/zustand: 🐻 Bear necessities for state management in React

GitHub - facebook/react-native: A framework for building native applications using React

GitHub - react-hook-form/react-hook-form: 📋 React Hooks for form state management and validation (Web + React Native)

GitHub - teambit/bit: A build system for development of composable software.

GitHub - pmndrs/jotai: 👻 Primitive and flexible state management for React

GitHub - elastic/kibana: Your window into the Elastic Stack

GitHub - zpao/qrcode.react: A <QRCode/> component for use with React.

GitHub - realm/realm-js: Realm is a mobile database: an alternative to SQLite & key-value stores

GitHub - i18next/react-i18next: Internationalization for react done right. Using the i18next i18n ecosystem.

GitHub - aidenybai/million: Optimize React performance and make your React 70% faster in minutes, not months.

GitHub - refinedev/refine: A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.

GitHub - react-figma/react-figma: ⚛️ A React renderer for Figma

GitHub - marmelab/react-admin: A frontend Framework for single-page applications on top of REST/GraphQL APIs, using TypeScript, React and Material Design

GitHub - jquense/react-big-calendar: gcal/outlook like calendar component

GitHub - adazzle/react-data-grid: Feature-rich and customizable data grid React component

GitHub - mui/material-ui: Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.

GitHub - preactjs/preact: ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.

GitHub - ivanhofer/typesafe-i18n: A fully type-safe and lightweight internationalization library for all your TypeScript and JavaScript projects.

GitHub - storybookjs/storybook: Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

GitHub - immutable-js/immutable-js: Immutable persistent data collections for Javascript which increase efficiency and simplicity.

GitHub - rpldy/react-uploady: Modern file uploading - components & hooks for React

GitHub - statelyai/xstate: Actor-based state management & orchestration for complex app logic.

GitHub - testing-library/react-testing-library: 🐐 Simple and complete React DOM testing utilities that encourage good testing practices.

GitHub - ant-design/ant-design: An enterprise-class UI design language and React UI library

GitHub - pubkey/rxdb: A fast, local first, reactive Database for JavaScript Applications https://rxdb.info/

GitHub - nolimits4web/swiper: Most modern mobile touch slider with hardware accelerated transitions

GitHub - blitz-js/blitz: ⚡️ The Missing Fullstack Toolkit for Next.js

GitHub - framework7io/framework7: Full featured HTML framework for building iOS & Android apps

GitHub - Hacker0x01/react-datepicker: A simple and reusable datepicker component for React

GitHub - yairEO/tagify: 🔖 lightweight, efficient Tags input component in Vanilla JS / React / Angular / Vue

GitHub - callstack/linaria: Zero-runtime CSS in JS library

GitHub - downshift-js/downshift: 🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.

GitHub - molefrog/wouter: 🥢 A minimalist-friendly ~2.1KB routing for React and Preact

GitHub - react-grid-layout/react-grid-layout: A draggable and resizable grid layout with responsive breakpoints, for React.

GitHub - oblador/react-native-vector-icons: Customizable Icons for React Native with support for image source and full styling.

GitHub - infinitered/reactotron: A desktop app for inspecting your React JS and React Native projects. macOS, Linux, and Windows.

GitHub - rjsf-team/react-jsonschema-form: A React component for building Web forms from JSON Schema.

GitHub - mattermost/mattermost: Mattermost is an open source platform for secure collaboration across the entire software development lifecycle..

GitHub - vanilla-extract-css/vanilla-extract: Zero-runtime Stylesheets-in-TypeScript

GitHub - jestjs/jest: Delightful JavaScript Testing.

GitHub - brillout/awesome-react-components: Curated List of React Components & Libraries.

GitHub - effector/effector: Business logic with ease ☄️

GitHub - jsx-eslint/eslint-plugin-react: React-specific linting rules for ESLint

GitHub - vadimdemedes/ink: 🌈 React for interactive command-line apps

GitHub - tsparticles/tsparticles: tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.

GitHub - react-native-device-info/react-native-device-info: Device Information for React Native iOS and Android

GitHub - sudheerj/reactjs-interview-questions: List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!!

GitHub - typescript-cheatsheets/react: Cheatsheets for experienced React developers getting started with TypeScript

babel-relay-plugin

~/www.npmjs.com

gist:598fa75e22bdfa44cf47

~/gist.github.com

GitHub - eyston/relay-composite-network-layer

GitHub - taion/relay-todomvc: Relay TodoMVC with routing

GitHub - sangria-graphql/sangria-relay: Sangria Relay Support

F8 2015 - React Native & Relay: Bringing Modern Web Techniques to Mobile

~/www.youtube.com

GitHub - acdlite/relay-sink: Use Relay to fetch and store data outside of a React component

GitHub - relay-tools/relay-local-schema: Use Relay without a GraphQL server

GitHub - nethsix/relay-on-rails: Relay + GraphQL + React on Rails

GitHub - fortruce/relay-skeleton: React, Relay, GraphQL project skeleton

GitHub - lenaten/react-native-relay: react-native and relay working out of the box

GitHub - guymers/babel-plugin-flow-relay-query: Babel plugin which converts Flow types into Relay fragments

GitHub - lvarayut/relay-fullstack: :point_up::running: Modern Relay Starter Kit - Integrated with Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS

GitHub - graphql-go/relay: A Go/Golang library to help construct a graphql-go server supporting react-relay.

GitHub - sogko/todomvc-relay-go: React/Relay TodoMVC app, driven by a Golang GraphQL backend

GitHub - denvned/isomorphic-relay-router: Adds server side rendering support to react-router-relay

GitHub - skevy/graphiql-app: Light, Electron-based Wrapper around GraphiQL

relay-nested-routes

~/www.npmjs.com

recompose-relay

~/www.npmjs.com

GitHub - chentsulin/koa-graphql-relay-example: Todo example for koa-graphql and relay

GitHub - 4Catalyzer/relay-decorators: Utility decorators for Relay components

Build software better, together

GitHub - mhart/simple-relay-starter: A very simple starter for React Relay using Browserify

GitHub - MattMcFarland/sequelize-relay: A thin wrapper for sequelize and graphql-relay

Build software better, together

GitHub - graphql/graphql-relay-js: A library to help construct a graphql-js server supporting react-relay.

GitHub - relay-tools/react-router-relay: [Deprecated] Relay Classic integration for React Router

GitHub - graphql/graphiql: GraphiQL & the GraphQL LSP Reference Ecosystem for building browser & IDE tools.

GitHub - graphql-python/graphql-relay-py: A library to help construct a graphql-py server supporting react-relay

Facebook Relay talk - Lunch and Learn session

~/www.youtube.com

Joseph Savona - Relay: An Application Framework For React at react-europe 2015

~/www.youtube.com

GitHub - facebookarchive/relay-starter-kit: Barebones starting point for a Relay application.

Relay: Seamless Syncing for React (VanJS)

~/www.slideshare.net

Relay - Daniel Dembach - Hamburg React.js Meetup

~/www.youtube.com

Build software better, together

Build software better, together

GitHub - hungtuchen/relay-chat: an chat example showing Relay with routing and pagination

GitHub - heysailor/relay-mongodb-connection: Create Relay connections from MongoDB cursors

Build software better, together

Getting Started with Relay

GitHub - kriasoft/graphql-starter-kit: 💥 Monorepo template (seed project) pre-configured with GraphQL API, PostgreSQL, React, and Joy UI.

React with Relay and GraphQL with Andrew Smith

~/www.youtube.com

GitHub - relay-tools/react-relay-network-layer: ReactRelayNetworkLayer with middlewares and query batching for Relay Classic.

GitHub - graphql-community/koa-graphql: Create a GraphQL HTTP server with Koa.

Make Relay work with React Native out of the box · Issue #26 · facebook/relay

useHooks – The React Hooks Library

Making Sense of React Hooks

React hooks: not magic, just arrays

Color Match - CodeSandbox

~/codesandbox.io

Counter using useState of React Hooks - CodeSandbox

~/codesandbox.io

~/codesandbox.io

ppxnl191zx - CodeSandbox

~/codesandbox.io

React Hooks for GraphQL

Hooks in react-spring, a tutorial

Using the State Hook – React

Using the Effect Hook – React

Hooks Todo App - CodeSandbox

~/codesandbox.io

React Hooks: useState() and useEffect() - CodeSandbox

~/codesandbox.io

Building Your Own Hooks – React

Rules of Hooks – React

Introducing Hooks – React

Everything you need to know about React Hooks

Hooks at a Glance – React

Hooks FAQ – React

Hooks API Reference – React

React Hooks and Suspense

Primer on React Hooks

~/testdriven.io

GitHub - AvraamMavridis/react-intersection-visible-hook: React Hook to track the visibility of a functional component

Manage global state with React Hooks

React Hooks: Managing Web Sockets with useEffect and useState

React Hooks - A deeper dive featuring useContext and useReducer

~/testdriven.io

GitHub - jacobp100/hooks-test

GitHub - beizhedenglong/react-hooks-lib: A set of reusable React Hooks.

GitHub - pankod/react-hooks-screen-type: Determining screen size type for Bootstrap 4 grid.

GitHub - kitze/react-hanger: A collection of useful React hooks

GitHub - CSFrequency/react-firebase-hooks: React Hooks for Firebase.

GitHub - yesmeck/react-with-hooks: [OUTDATED]Ponyfill for the React Hooks API (Support RN)

GitHub - matthewp/haunted: React's Hooks API implemented for web components 👻

GitHub - thibaultboursier/use-timer: A timer hook for React

GitHub - streamich/react-use: React Hooks — 👍

GitHub - jaredpalmer/the-platform: Web. Components. 😂

GitHub - storeon/storeon: 🌩 A tiny (185 bytes) event-based Redux-like state manager for React, Preact, Angular, Vue, and Svelte

GitHub - immerjs/use-immer: Use immer to drive state with a React hooks

GitHub - ilyalesik/react-fetch-hook: React hook for conveniently use Fetch API

GitHub - luqmanoop/react-thanos: React hooks implementation of Google's "Thanos" easter egg

GitHub - kentcdodds/advanced-react-hooks: Learn Advanced React Hooks workshop

GitHub - react-navigation/hooks: React hooks for convenient react-navigation use

GitHub - react-native-community/hooks: React Native APIs turned into React Hooks for use in functional React components

GitHub - react-hook-form/react-hook-form: 📋 React Hooks for form state management and validation (Web + React Native)

GitHub - facebookarchive/redux-react-hook: React Hook for accessing state and dispatch from a Redux store

Use React Hooks for `connect` by markerikson · Pull Request #1065 · reduxjs/react-redux

React Today and Tomorrow and 90% Cleaner React With Hooks

~/www.youtube.com

GitHub - ava/use-http: 🐶 React hook for making isomorphic http requests

React Hooks & testing: Stepping through React code

Using Immer with Reducers and React Hooks

Using React Hooks vs. Class Components

Are React Hooks Slower than Class Components?

Building a Todo List with React Hooks useState

Fetching Data from an API with React Hooks useEffect

React Hooks useContext

My Thoughts on React Hooks

Resources

listed to get explored on!!

C++ Programming

Made with ❤️

to provide different kinds of informations and resources.

Terms and Conditions