use-selector-with

Monorepo for the following two packages:

use-selector-with: Small utility for react-redux's useSelector that allows passing args.
eslint-plugin-use-selector-with: ESLint plugin to enforce using useSelectorWith when reasonable.

Development

yarn
yarn lerna bootstrap
yarn compile -w

Contribution Guidelines

We'd love to have you contribute! Check the issue tracker for issues labeled accepting prs to find bug fixes and feature requests the community can work on. If this is your first time working with this code, the good first issue label indicates good introductory issues.

Please note that this project is released with a Contributor Covenant. By participating in this project you agree to abide by its terms. See CODE_OF_CONDUCT.md.

React styling. Plain and simple.

Table of Contents Install Getting Started Usage API Install npm install react-classy Getting Started Classy makes styling React components composable,

Jan 1, 2023

styled component for react & style-loader/usable

react-styled ES7 decorator for dynamic stylesheet usage w/ webpack install $ npm install bloody-react-styled --save-dev require import styled from "bl

Sep 26, 2022

Use CSS-in-JavaScript with themes for React without being tightly coupled to one implementation

react-with-styles Use CSS-in-JavaScript for your React components without being tightly coupled to one implementation (e.g. Aphrodite, Radium, or Reac

Dec 8, 2022

A built-time CSS library for styling React components.

Stylin Stylin is a build-time CSS library that offers an elegant way to style React components. It extends CSS Modules and adds some missing features

Dec 30, 2022

A React.js Nice Resume Template

React Nice Resume DEMO is here About particles-bg library This project uses the react particle background component library https://github.com/lindelo

Dec 28, 2022

A react wonderful landingpage template

Wonderful Landing Page Template LIVE DEMO Description This is a ReactJS based landing page template, fit for a startup company/service with a one page

Jan 6, 2023

Startup Landing Page Components for React.js

neal-react neal-react is a collection of reactjs components to quickly build landing pages. I found that using hosted services like Launchrock doesn't

Nov 30, 2022

Minimal Portfolio Page Built with React

Minimal Portfolio Page Built with React Documentation : https://github.com/singhkshitij/My-Landing-Page/wiki/ Demo https://singhkshitij.github.io/My-L

Dec 19, 2022

rede social inspirada no youTube para aprendizado na area da programação utilizando o react js juntamente com typescript

media for devs a rede social de videos para programadores link do projeto api repositorio projeto feito com o objetivo de exercitar minhas skills tant

Nov 26, 2021

Comments

Benefit?
Curious, is there a benefit to useSelectorWith like the following:

import { useSelectorWith } from 'use-selector-with'; const selectFruit = (state, name) => state.fruits[name]; const MyComponent = () => { const apple = useSelectorWith(selectFruit, 'apple'); // ... };

versus just using useSelector?

import { shallowEqual, useSelector } from 'react-redux'; const selectFruit = (state, name) => state.fruits[name]; const MyComponent = () => { const apple = useSelector(state => selectFruit(state, 'apple'), shallowEquals); // ... };

Performance wise I think the useSelector version would be actually a smidge faster and I don't see any other relevant differences but I could be missing something!

Busy this week but sometime I'll try to do a microbenchmark. The useCallback inside useSelectorWith adds some overhead, probably more than memoizing the selector function would gain, except for maybe very very complex selectors. Fun reading, react perf is tricky: https://kentcdodds.com/blog/usememo-and-usecallback
documentation
opened by danstiner 3
✏️ Fix typo in eslint plugin README.md

Neat selector! Saw a tiny typo in the README and fixed it :)

Was hoping this would solve some selector issues I've been working through recently but this solves a slightly different issue.

opened by danstiner 2