react-pair
skott
| react-pair | skott | |
|---|---|---|
| 1 | 3 | |
| 9 | 545 | |
| - | - | |
| 0.0 | 8.7 | |
| 8 months ago | about 2 months ago | |
| TypeScript | TypeScript | |
| - | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-pair
-
The paired hook pattern
The function is so simple, you could write it yourself, the only difference is that I'm testing it, adding devtools integration, and typing with TypeScript for you. You can check the source here. The usage is quite simple, react-pair provides a pair function that you can use to create a component that gives you access to the hook in a component context (without breaking the rules of hooks):
skott
-
💉 Test-Driven Development and Dependency Injection are the way
Welcome back into these series everyone, past few days have been incredible as skott just reached 130 stars on GitHub, 100k of total downloads and lately around +12k weekly downloads since I started open-sourcing it. It's very far for being mainstream but it's a good start, isn't it? Anyway, let me put my personal satisfaction aside, and let's talk about what you came for!
-
Visualisation tool
something like https://github.com/sverweij/dependency-cruiser maybe https://github.com/pahen/madge or https://github.com/antoine-coulon/skott
-
Exploring the latest features of Skott: road to V1
To make the search of specific files easier when processing large graphs, a global search was recently introduced.
What are some alternatives?
tsc-esm-fix - Make Typescript projects compatible with esm/mjs requirements
component-elements - Create a custom element from any component with these tiny functions (2KB GZipped, ~1KB Brotli). Preact and React currently supported
ranges-set - Set operations on human-friendly ranges.
openinf-util-text - Cross-platform terminal-friendly text utilities
react-raw-hooks - A collection of react hooks, served raw
ngd - View the dependencies tree of you Angular application
regex-vis - 🎨 Regex visualizer & editor
pkgroll - 📦 Zero-config package bundler for Node.js + TypeScript
sql_schema_visualizer - SQL schema visualisation built with ReactFlow.
core - Light weight feature rich UI Framework for JavaScript for Browser with Dependency Injection, Mocking and Unit Testing
dependency-cruiser - Validate and visualize dependencies. Your rules. JavaScript, TypeScript, CoffeeScript. ES6, CommonJS, AMD.
node-trucker - import-aware file management and dependency analysis for javascript