skott
react-pair
skott | react-pair | |
---|---|---|
3 | 1 | |
549 | 9 | |
- | - | |
8.7 | 0.0 | |
about 2 months ago | 8 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.
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.
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):
What are some alternatives?
component-elements - Create a custom element from any component with these tiny functions (2KB GZipped, ~1KB Brotli). Preact and React currently supported
tsc-esm-fix - Make Typescript projects compatible with esm/mjs requirements
openinf-util-text - Cross-platform terminal-friendly text utilities
ranges-set - Set operations on human-friendly ranges.
ngd - View the dependencies tree of you Angular application
react-raw-hooks - A collection of react hooks, served raw
pkgroll - 📦 Zero-config package bundler for Node.js + TypeScript
regex-vis - 🎨 Regex visualizer & editor
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