HackerReposA FIELD GUIDE TO OPEN SOURCE
ProSponsor the shelf♧ 0
← Back to top all-time
lelandrichardson
react-primitives
JavaScript2017–2020
lelandrichardson / react-primitives

react-primitives

Primitive React Interfaces Across Targets

5Distinct people
6Mentions
0Explicit recommenders
3.1KGitHub stars
REPOSITORY AT A GLANCE

What to know before exploring

What it is

Primitive React Interfaces Across Targets

GitHub

Where it is used

No documented product use was verified in the last source check.

What people are saying

No recommendation phrase was found in the indexed comments.

No classified warning is attached to this page. Read the discussions before treating silence as approval.

Also in these discussions

Mentioned in the same Hacker News threads. That is not proof they are substitutes.

This week on Hacker News

Nov 7–Nov 14 UTC · Direct repository links and separately labeled related project stories. Indexed through 11/14/2026, 8:59:20 PM UTC.

No direct repository links were found in the indexed HN discussions over the past seven days. Older discussions are available below.

Mentions over time

HN mentions by year6 dated mentions

Observed mentions: 2017-01-23 16:40:20 UTC to 2020-07-22 19:35:10 UTC.

012342017-01-01 00:00:00 UTC to 2018-01-01 00:00:00 UTC (exclusive): 4 mentions; 0 submissions, 4 comments20172018-01-01 00:00:00 UTC to 2019-01-01 00:00:00 UTC (exclusive): 1 mentions; 0 submissions, 1 comments20182019-01-01 00:00:00 UTC to 2020-01-01 00:00:00 UTC (exclusive): 0 mentions; 0 submissions, 0 comments2020-01-01 00:00:00 UTC to 2021-01-01 00:00:00 UTC (exclusive): 1 mentions; 0 submissions, 1 comments2020

Counts come from the repository’s dated source evidence. Index cutoff: 2026-11-02 08:16:59 UTC.

View mention counts and date ranges
UTC ranges include their start and exclude their end. Select a period to filter the source evidence.
PeriodStart (UTC)End (exclusive, UTC)MentionsSubmissionsComments
20172017-01-01 00:00:00 UTC2018-01-01 00:00:00 UTC404
20182018-01-01 00:00:00 UTC2019-01-01 00:00:00 UTC101
20192019-01-01 00:00:00 UTC2020-01-01 00:00:00 UTC000
20202020-01-01 00:00:00 UTC2021-01-01 00:00:00 UTC101

What Hacker News says

4 sources
Here's my variation: 1) Using a text editor like Visual Studio Code, write core components in react-primitives. This code can be largely the same as your real react-native code with all it's handling of layout and internationalization. https://github.com/lelandrichardson/react-primitives/ 2) Create a library of core components. In aggregate, this library is your DLS (Design Language System) http://airbnb.design/building-a-visual-language/ 3) Use react-sketchapp to transform your core components in react-primitives to sketch symbols. If you have a large design system and support multiple languages, then this will save you a lot of time as the number of combinations of layout, language and potential input values are explosive. http://airbnb.design/painting-with-code/ 4) Use sketch to design your new feature. Use sketch symbols to quickly pu
Read the rest
ll in core components. If you need to create a new core component go back to step 1. With all your fancy tooling, it can be as fast as 1 minute to build a new page. https://twitter.com/karrisaarinen/status/849733176150773761 5) When core components change, go back to the "source of truth", the react-primitives code and modify that. Re-run react-sketchapp. Now all sketch files that depend on that core component will be automatically updated because of updated sketch symbols.
In Painting with Code: Introducing our new open source library React Sketch.app
There's some early work for Ubuntu here [1]. You can also currently use React to share code across iOS [2], Android [3], UWP [4], macOS [5], web [6], VR [7] and a bunch of other stuff that is there mostly for fun (like React Hardware [8] and React Sketch.app [9]). There's also experimental work on defining a set of primitives that works across all of these platforms [10]. [1] https://github.com/CanonicalLtd/react-native/blob/ubuntu/REA... [2] https://github.com/facebook/react-native [3] https://github.com/facebook/react-native [4] https://github.com/Microsoft/react-native-windows [5] https://github.com/ptmt/react-native-macos [6] https://github.com/necolas/react-native-web [7] https://github.com/facebook/react-vr [8] https://github.com/iamdustan/react-hardware [9] https://www.npmjs.com/package/react-sketchapp [10] https://github.com/lelan
Read the rest
In Electron is flash for the desktop (2016)
I'm a bit skeptical this is needed at all. I would've much preferred if Microsoft contributed to the already popular React Native for Web [1]. React Native already supports iOS, Android, and UWP. To add browser support all you need is something like React Native for Web. I made a small presentation a few months ago that shows this. Here's the source code: [2]. Take a look at the web folder. Libraries like React Navigation [3] have also been built to support any platform that runs React code. It looks like Microsoft built yet another navigation library [4]. Also, check out React Primitives [5]. It aims to define a set of primitives that work on any platform that can be used to build more complex components. This is highly experimental, but I'm liking the direction where it's going, a unified React interface for any platform. In addition, R
Read the rest
eactVR is a great example of how React Native primitives can be extended to new emerging platforms [6]. Finally, React Native for macOS [7] answers the question that many have here about building native apps for macOS without relying on Electron. [1] https://github.com/necolas/react-native-web [2] https://github.com/migueloller/HelloWorldApp [3] https://github.com/react-community/react-navigation [4] https://microsoft.github.io/reactxp/docs/components/navigato... [5] https://github.com/lelandrichardson/react-primitives [6] https://github.com/facebook/react-vr [7] https://github.com/ptmt/react-native-macos
In ReactXP – A library for building cross-platform apps

MAKE YOURSELF AT HOME

A few shortcuts

/
Search the collection
?
Open this guide
Esc
Close dialogs and navigation

Your saved repositories and interests stay in this browser.