React FS Renderer
Declaratively render a tree of files with JSX. Contribute to ericvicenti/react-fs-renderer development by creating an account on GitHub.
React FS Renderer launched on February 10, 2017 with 6 votes, #1,327 of 3,156 launches that month and more than 50% of that year's launches. The site was still online in September 2026, 9 years on.
Does a similar job
all alternatives →
Convert any website into a React component2024 · chromewebstore.google.com · ▲326Hey 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…
Single-file components for React2017 · github.com · ▲37Single-file components for React. Contribute to digitalie/one-loader development by creating an account on GitHub.
React 0.12 renders to Web Components2014 · gist.github.com · ▲45React render to polymer components! GitHub Gist: instantly share code, notes, and snippets.
Huge list of React.js projects2016 · gist.github.com · ▲15GitHub Gist: instantly share code, notes, and snippets.
Render abstract syntax trees using React2019 · github.com · ▲36render abstract syntax trees with react. Contribute to clayrisser/react-ast development by creating an account on GitHub.
- RWReactJS with JSX without bundling or transpiling2021 · ▲13
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") );
More dev tools this month
the category →
open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.
Dev tools · 29d ago · github.com
Contribute to reladraw/reladraw development by creating an account on GitHub.
Dev tools · 27d ago · github.com
Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.
Dev tools · 15h ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 24d ago · openbot.run
Talanoa▲346Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…
Dev tools · 21d ago · talanoa.email
Source: Show HN post ↗
Launched alongside, February 2017
the whole month →
Lottie by Airbnb▲1,138Easily add high-quality animation to any native app
Dev tools · 2017 · airbnb.com
Web Gradients▲906Curated collection of 180 free fresh background gradients 🚀
Work · 2017 · webgradients.com
A free guide to all HTML elements and attributes.
Life & fun · 2017 · htmlreference.io