{"slug": "react-three-fiber", "name": "React Three Fiber", "category": "dev-libs", "category_name": "Libraries and frameworks", "description": "", "recommenders": 1, "commenters": 2, "warners": 0, "score": 1.147, "rising": -0.33, "first": "2025-12-01", "latest": "2026-05-25", "why": "I use threejs and react three fiber (r3f). Again the JSX type of representation easily wins out for me.", "why_is_quote": true, "has_verdict": false, "sentiment": {"recommend": 2, "neutral": 1, "compare": 0, "warn": 0}, "spark": [0, 0, 1, 0, 0, 0, 1, 0, 0, 0, 0, 0], "listed": false, "loved": [], "caveat": "", "short_quote": "I use threejs and react three fiber (r3f). Again the JSX type of representation easily wins out for me.", "icon": false, "domain": null, "github_repo": null, "official_url": "", "pricing": "", "aliases": ["React Three Fiber", "react-three-fiber"], "verdict": null, "praise": [{"label": "", "summary": "", "quotes": [{"id": 772390897, "item_id": 48274431, "url": "https://news.ycombinator.com/item?id=48274431", "by": "talkingtab", "date": "2026-05-25", "stance": "recommend", "quote": "I use threejs and react three fiber (r3f). Again the JSX type of representation easily wins out for me.", "excerpt": "I'm not sure it is React I like. I like JSX. Here is a fun thing. Write a bunch of JSON. A lot. Now write a lot of JSX. Then convert the JSON to JSX. Then convert the JSX to JSON. I was surprised by how much easier it was for me to reason in JSX. I use threejs and react three fiber (r3f). Again the JSX type of representation easily wins out for me. I don't really understand why. Maybe JSX ends up being more pictorial", "context": "", "use_case": "3D graphics", "switched_from": "", "story": "Does Anybody Actually Like React?"}, {"id": 744001521, "item_id": 46500095, "url": "https://news.ycombinator.com/item?id=46500095", "by": "talkingtab", "date": "2026-01-05", "stance": "recommend", "quote": "Webgl, threejs, @react-three/{fiber/drei} provide another dimension and shaders are the gateway.", "excerpt": "There is the smoke part - worth seeing, the shader part - well worth exploring (shaders make you see the world in a different way , then there is the learning part. The site is very interactive so it allows you to see one, do one and maybe teach one. Many people are stuck in html land. I was. Webgl, threejs, @react-three/{fiber/drei} provide another dimension and shaders are the gateway. Very highly recommended as a ", "context": "", "use_case": "3D web graphics", "switched_from": "", "story": "Cigarette smoke effect using shaders"}]}], "caveats": [], "who": [], "tags": [], "use_cases": ["3d graphics", "3d web graphics", "3d web game"], "compared": [{"slug": "three-js", "name": "Three.js", "co": 2, "switched_from": 0, "switched_to": 0}], "makers": [], "threads": [{"url": "https://news.ycombinator.com/item?id=48274077", "title": "Does Anybody Actually Like React?", "mentions": 1}, {"url": "https://news.ycombinator.com/item?id=46497589", "title": "Cigarette smoke effect using shaders", "mentions": 1}, {"url": "https://news.ycombinator.com/item?id=46113072", "title": "Remaking an Old Flash Game with 3D, Numerology and Cursing Football Teams", "mentions": 1}], "sentiment_by_month": {"2025-11": {}, "2025-12": {"neutral": 1}, "2026-01": {"recommend": 1}, "2026-02": {}, "2026-03": {}, "2026-04": {}, "2026-05": {"recommend": 1}, "2026-06": {}, "2026-07": {}, "2026-08": {}, "2026-09": {}, "2026-10": {}}, "quotes": [{"id": 772390897, "item_id": 48274431, "url": "https://news.ycombinator.com/item?id=48274431", "by": "talkingtab", "date": "2026-05-25", "stance": "recommend", "quote": "I use threejs and react three fiber (r3f). Again the JSX type of representation easily wins out for me.", "excerpt": "I'm not sure it is React I like. I like JSX. Here is a fun thing. Write a bunch of JSON. A lot. Now write a lot of JSX. Then convert the JSON to JSX. Then convert the JSX to JSON. I was surprised by how much easier it was for me to reason in JSX. I use threejs and react three fiber (r3f). Again the JSX type of representation easily wins out for me. I don't really understand why. Maybe JSX ends up being more pictorial", "context": "", "use_case": "3D graphics", "switched_from": "", "story": "Does Anybody Actually Like React?"}, {"id": 744001521, "item_id": 46500095, "url": "https://news.ycombinator.com/item?id=46500095", "by": "talkingtab", "date": "2026-01-05", "stance": "recommend", "quote": "Webgl, threejs, @react-three/{fiber/drei} provide another dimension and shaders are the gateway.", "excerpt": "There is the smoke part - worth seeing, the shader part - well worth exploring (shaders make you see the world in a different way , then there is the learning part. The site is very interactive so it allows you to see one, do one and maybe teach one. Many people are stuck in html land. I was. Webgl, threejs, @react-three/{fiber/drei} provide another dimension and shaders are the gateway. Very highly recommended as a ", "context": "", "use_case": "3D web graphics", "switched_from": "", "story": "Cigarette smoke effect using shaders"}, {"id": 737809168, "item_id": 46113073, "url": "https://news.ycombinator.com/item?id=46113073", "by": "robbiegreen", "date": "2025-12-01", "stance": "neutral", "quote": "I built it with R3F and learned a lot optimizing draw calls throughout the build.", "excerpt": "I used to play this flash game in high school called Wacko Jacko's Voodoo curse and spent years wondering how it correctly guessed the number in your head. That game came back to me a bit ago and I looked in to it more. I wanted to make a modern day version of it and also recently got back into watching football so they seemed like a good fit for a fun side project. That led to creating \"Curse The League\". I built it", "context": "", "use_case": "3D web game", "switched_from": "", "story": "Remaking an Old Flash Game with 3D, Numerology and Cursing Football Teams"}]}