Dev tools · alternatives · 2026
24 alternatives to React FS Renderer
Declaratively render a tree of files with JSX. Contribute to ericvicenti/react-fs-renderer development by creating an account on GitHub.
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. React FS Renderer launched in 2017; newer entries below may have overtaken it.
- 1
- 2
Hey HN, we built a Chrome Extension (https://www.magicpatterns.com/extension) that converts a snippet of any website to an isolated React component. Demo video: https://youtu.be/hutUYDkyE_A How it works: 1) Iterate through each node in the selected DOM tree, 2) For each element, find any matching CSS selectors / inline styles, 3) Use window.getComputedStyle to get the deterministic values, 4) Construct JSX It was pretty hard producing the minimal code necessary while maintaining the same visual look. To do this, we implemented things like abstracting out…
2024 · chromewebstore.google.com · its alternatives →
- 3
- 4
How to use the Plotly.js React component.
2016 · academy.plot.ly · its alternatives →
- 5
Many JS libraries exist to build graphs on the web (Vega, chartJS, Plotly...). They allow to make charts quickly. But you lose flexibility: you're limited by the options they offer. I just created a gallery with hundreds of graphs made with d3.js and React. - Examples are split by graph types - They all come with explanation and code sandboxes - Gradual complexity to ease the learning curve It took me ages to create this project! Feedback welcome!
2023 · react-graph-gallery.com · its alternatives →
- 6
Single-file components for React. Contribute to digitalie/one-loader development by creating an account on GitHub.
2017 · github.com · its alternatives →
- 7
React render to polymer components! GitHub Gist: instantly share code, notes, and snippets.
2014 · gist.github.com · its alternatives →
- 8
React Context + State. Contribute to diegohaz/constate development by creating an account on GitHub.
2019 · github.com · its alternatives →
- 9MW
2019 · subdued-health.surge.sh · its alternatives →
- 10
- 11
GitHub Gist: instantly share code, notes, and snippets.
2016 · gist.github.com · its alternatives →
- 12
A journey to learn Redux and MobX in React.js
2017 · roadtoreact.com · its alternatives →
- 13
render abstract syntax trees with react. Contribute to clayrisser/react-ast development by creating an account on GitHub.
2019 · github.com · its alternatives →
- 14RW
source: https://codesandbox.io/s/dikoh?file=/index.html Static Template import { ChakraProvider, Box, Text } from "https://cdn.skypack.dev/@chakra-ui/react"; import React, { useRef } from "https://cdn.skypack.dev/react"; import ReactDOM from "https://cdn.skypack.dev/react-dom"; const MyText = ({ color, ...props }) => { return ; }; function Foo() { return ( Foo ); } function App() { return ( Hello Skypack ); } ReactDOM.render( , document.getElementById("main") );
2021 · its alternatives →
- 15
A simple way to work with Forms in React. Contribute to ngduc/ez-react-form development by creating an account on GitHub.
2018 · github.com · its alternatives →
- 16
Generate React components by replicating your own. Contribute to diegohaz/generact development by creating an account on GitHub.
2018 · github.com · its alternatives →
- 17AJ
I've been building a web UI library for a side project of mine. I thought it might be useful to others, so I'm releasing it as open source. To put it simply, I realized that most of my pain points with React come from its declarative model ui=f(state). So I'm trying something that I'm calling "imperative JSX." Instead of treating JSX as the source of truth for your UI, it essentially becomes a query interface for DOM manipulation. I first had the idea for it a few months ago, and only began writing it in earnest last week, so it's extremely early and nowhere near production-ready. Still, I'd…
2024 · npmjs.com · its alternatives →
- 18
Contribute to crowdwave/reactoxide development by creating an account on GitHub.
2021 · github.com · its alternatives →
- 19IT
2016 · sutras.herokuapp.com · its alternatives →
- 20
Real world apps with React. Contribute to WebediaGaming/react-nexus development by creating an account on GitHub.
2014 · github.com · its alternatives →
- 21
This quick eBook will teach you how to make React and d3.js play together in less than an hour.
2015 · leanpub.com · its alternatives →
- 22
🇨🇭 A React renderer for Three.js. Contribute to pmndrs/react-three-fiber development by creating an account on GitHub.
2019 · github.com · its alternatives →
- 23
I'm happy to say that https://use-fs.com 2.0 has been released with brand new OPFS support. If you're building browser-based apps that heavily interact with the file-system this package is a must to have in your package.json! A React hook that watches a directory and re-renders when a file is added, changed, or deleted. Point it at a folder the user picked and you're reading and writing their real files — no uploads, no endless file dialogs New in 2.0: it watches the origin private file system too. No picker, no permission prompt, no user gesture — and, unlike File System API, it…
Aug 2026 · use-fs.com · its alternatives →
- 24
A React.js mixin for using @desandro's Masonry. Contribute to eiriklv/react-masonry-mixin development by creating an account on GitHub.
2014 · github.com · its alternatives →
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →