TypeScript Fiber

Open-source TypeScript projects categorized as Fiber
Edit details
React Renderer Hooks 3D Animation
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured

Top 7 TypeScript Fiber Projects

Fiber

  1. react-three-fiber

    🇨🇭 A React renderer for Three.js

    Project mention: You can now write React in Lua | news.ycombinator.com | 2024-06-20

    That parenthetical “or anything declarative really” is doing a lot of work, given that:

    React is a tool for writing 3D scenes that can handle state updates: https://github.com/pmndrs/react-three-fiber

    React is a tool for writing music that can handle state updates: https://github.com/FormidableLabs/react-music

    React is a tool for writing infrastructure-as-code templates that… um… could with some additional work handle state updates: https://www.linkedin.com/pulse/aws-terraform-generator-using...

  2. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo

  3. fre

    :ghost: Tiny Concurrent UI library with Fiber.

  4. its-fine

    🐶🔥 A collection of escape hatches for React.

    Project mention: Hyrum's Law | news.ycombinator.com | 2024-02-16

  5. react-nil

    ⃝ A react null renderer

  6. react-reparenting

    The reparenting tools for React

  7. bippy

    ⚠️ hack into react internals (by aidenybai)

    Project mention: Show HN: Reverse Engineering React.js Internals | news.ycombinator.com | 2024-12-04

    I’ve been exploring React.js internals and found them hard to access, so I reverse-engineered how React DevTools hooks into React and built a package: https://github.com/aidenybai/bippy

    For a bit of context: React represents UI as a tree of "fibers," which hold data like props, state, and context. React updates UI in two phases: render (building the fiber tree) and reconciliation (scheduling & diffing fibers to update the DOM).

    My tool works by simulating __REACT_DEVTOOLS_GLOBAL_HOOK__ to expose React internals without using DevTools:

      import { instrument, traverseFiberRoot} from 'bippy';

  8. dark

    The lightweight and powerful UI rendering engine without dependencies and written in TypeScript💫 (Browser, Node.js, Android, iOS, Windows, Linux, macOS) (by atellmer)

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

TypeScript Fiber discussion

Log in or Post with

TypeScript Fiber related posts

  • What is this cursed hook? "DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_REACT_NODES"

    2 projects | /r/reactjs | 7 Jun 2023

  • 3JS Job Market

    1 project | /r/threejs | 5 Jun 2023

  • Next topics for mastering frontend

    1 project | /r/Frontend | 28 May 2023

  • Was anyone able to make a 3D CAD tool in React?

    1 project | /r/reactjs | 25 May 2023

  • CLI vs Expo

    1 project | /r/reactnative | 8 May 2023

  • Getting started with 3D web development

    1 project | /r/threejs | 4 May 2023

  • My own collection so far :)

    2 projects | /r/virtualreality | 1 Mar 2023
  • A note from our sponsor - SaaSHub
    www.saashub.com | 16 Jan 2025
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

What are some of the best open-source Fiber projects in TypeScript? This list will help you:

# Project Stars
1 react-three-fiber 27,936
2 fre 3,720
3 its-fine 1,059
4 react-nil 801
5 react-reparenting 485
6 bippy 469
7 dark 46

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
Loading...