HackerReposA FIELD GUIDE TO OPEN SOURCE
ProSponsor the shelf♧ 0
← Back to top all-time
react
create-react-app
JavaScript2016–2026
react / create-react-app

create-react-app

Set up a modern web app by running one command.

Web DevelopmentDeveloper Tools
Explore on GitHubRead Hacker News discussions
122Distinct people
165Mentions
0Explicit recommenders
103.2KGitHub stars
REPOSITORY AT A GLANCE

What to know before exploring

What it is

Set up a modern web app by running one command.

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, 5:04:57 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 year165 dated mentions

Observed mentions: 2016-07-22 16:34:33 UTC to 2026-03-14 01:27:45 UTC.

010203040502016-01-01 00:00:00 UTC to 2017-01-01 00:00:00 UTC (exclusive): 37 mentions; 8 submissions, 29 comments20162017-01-01 00:00:00 UTC to 2018-01-01 00:00:00 UTC (exclusive): 45 mentions; 3 submissions, 42 comments2018-01-01 00:00:00 UTC to 2019-01-01 00:00:00 UTC (exclusive): 26 mentions; 5 submissions, 21 comments2019-01-01 00:00:00 UTC to 2020-01-01 00:00:00 UTC (exclusive): 19 mentions; 6 submissions, 13 comments2020-01-01 00:00:00 UTC to 2021-01-01 00:00:00 UTC (exclusive): 15 mentions; 3 submissions, 12 comments2021-01-01 00:00:00 UTC to 2022-01-01 00:00:00 UTC (exclusive): 2 mentions; 1 submissions, 1 comments20212022-01-01 00:00:00 UTC to 2023-01-01 00:00:00 UTC (exclusive): 3 mentions; 1 submissions, 2 comments2023-01-01 00:00:00 UTC to 2024-01-01 00:00:00 UTC (exclusive): 8 mentions; 1 submissions, 7 comments2024-01-01 00:00:00 UTC to 2025-01-01 00:00:00 UTC (exclusive): 3 mentions; 1 submissions, 2 comments2025-01-01 00:00:00 UTC to 2026-01-01 00:00:00 UTC (exclusive): 5 mentions; 2 submissions, 3 comments2026-01-01 00:00:00 UTC to 2027-01-01 00:00:00 UTC (exclusive): 2 mentions; 0 submissions, 2 comments. Incomplete calendar period.2026*

* An incomplete calendar period is marked with an outlined bar. Its count is not directly comparable with a full period.

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
20162016-01-01 00:00:00 UTC2017-01-01 00:00:00 UTC37829
20172017-01-01 00:00:00 UTC2018-01-01 00:00:00 UTC45342
20182018-01-01 00:00:00 UTC2019-01-01 00:00:00 UTC26521
20192019-01-01 00:00:00 UTC2020-01-01 00:00:00 UTC19613
20202020-01-01 00:00:00 UTC2021-01-01 00:00:00 UTC15312
20212021-01-01 00:00:00 UTC2022-01-01 00:00:00 UTC211
20222022-01-01 00:00:00 UTC2023-01-01 00:00:00 UTC312
20232023-01-01 00:00:00 UTC2024-01-01 00:00:00 UTC817
20242024-01-01 00:00:00 UTC2025-01-01 00:00:00 UTC312
20252025-01-01 00:00:00 UTC2026-01-01 00:00:00 UTC523
2026 (partial)2026-01-01 00:00:00 UTC2027-01-01 00:00:00 UTC202

What Hacker News says

19 sources
zomglings·Dec 7, 2019
When I'm just learning a new programming language or framework, I prefer to have something like create-react-app [0], django-admin startproject [1], cargo new [2], or lein new [3]. Guides like these are just full of (the wrong type of) rabbit holes. Just give new people something that lets them work productively as soon as possible and refer them to language documentation to understand how features of the language or the runtime work - in case they want to dig deeper. Most people will not want to dig deeper, anyway. They will be happier to just have boilerplate that works and that they can iterate upon. Look at the golang version of this guide: https://github.com/golang-standards/project-layout How many programmers new to go are going to want to wade through all of that? Especially when they're probably starting out with projects for whic
Read the rest
h most of those conventions don't even apply! It's surprising to me that Python, as focused as its philosophy is on providing canonical solutions to problems, doesn't have a "python -m newproject". There must be a good reason. Will try making one in my free time to find out. [0] https://github.com/facebook/create-react-app [1] https://docs.djangoproject.com/en/2.2/ref/django-admin/#star... [2] https://doc.rust-lang.org/cargo/guide/creating-a-new-project... [3] https://github.com/technomancy/leiningen/blob/master/doc/TUT...
In Structuring Your Project
crooked-v·Oct 24, 2019
Check out create-react-app: https://github.com/facebook/create-react-app It sets up a 'modern' React-based web dev environment that can be used to immediately start experimenting with stuff. React acts as a view layer, so you can write views and components in HTML-ish declarative syntax while still getting live updates whenever data changes. Past that, it's common for people to add Redux or MobX, which both act as global data stores with good integration with React, and have lots of secondary libraries for transparently handling data persistence.
In Electron 7.0
vikingcaffiene·Aug 22, 2019
> In JS, unless you're doing vanilla JS, you need to select and bolt together a lot of different third party tooling first, or you have to use a boilerplate, of which there are many versions to choose from. That might have been true once but its not anymore. Assuming you have node installed, its a one liner to get started in React[0] and Angular[1]. I've found that many of the criticisms of the modern JS stack come from outdated views about the ecosystem (no offense intended). I'd encourage you to give it another try (especially TypeScript) It's matured quite a bit. [0] https://github.com/facebook/create-react-app [1] https://cli.angular.io/
In Modern JavaScript tooling is too complicated?
brillout·Aug 10, 2019
Does someone know a tutorial for people like OP? Someone that knows programming but not modern web dev. I want to write such tutorial. > It's hard to build a mental model when things are happening at 4 level of abstractions away I feel you.. the JS ecosystem needs more guidance. I'm trying to do that with Reframe: https://github.com/reframejs/reframe. The goal of Reframe is to precisely to guide you through web dev and give you a good and simple start. It's new and work-in-progress though. Feel free to hit me up on discord (https://discord.gg/kqXf65G) if you have questions about web dev. I'm happy to help. Also, I'm looking for people to write such "modern frontend for backend developers" tutorial, if someone reading this would be up for it. ---- As for your questions: > What is a minimal set of JS/CSS frameworks, templating engine, deplo
Read the rest
yment tools, IDE I need? If you need an SPA then I'd recommend https://github.com/parcel-bundler/parcel. There is also https://github.com/facebook/create-react-app which is super popular but I don't recommend it. (Because it's based on Weback and I believe that Parcel will eventually become the state of the art to build web assets.) If you need SSR then https://github.com/zeit/next.js. If you are not sure whether you need an SPA or SSR, let me know. I'm happy to elaborate. Another option is to use to the web framework I'm building (https://github.com/reframejs/reframe). The nice thing about it is that it allows you to build an SPA as well as an SSR app. And even better is that you can start with an SPA and easily switch to SSR later and vice versa. This means that you can start hacking today while later deciding whether SPA or SSR is right for you. So my (biased) recommendation would be to use Reframe. Although Reframe is new and if you're not an early adopter, then it's probably nothing for you right now. > a plethora of frameworks, transpiled languages, etc such as: Gulp, Typescript, JSX, Dart, Angular, React, Bootstrap, Babel, Wordpress, Drupal, Flutter, NPM, Web assembly, Vue.js, Minification of code before deploying, jQuery, and a gazillions others I recommend to start with the simplest setup possible and later decide if you want to add niceness to your stack. That is: JavaScript with Parcel, Next.js, or Reframe. You'll eventually realize over time what you need or not. And I wouldn't even start with bootstrap, instead I would use CSS flexbox. As for API between your frontend and backend you can use https://github.com/reframejs/wildcard-api. It's another thing I built and it's much much easier than GraphQL and REST. Which is neat to get up and running quickly. In a nutshell: start with minimalistic simple stack. You'll figure all the rest later while building your app. > Auth support (custom and Google OAuth) Just curious -- why do you need custom auth? Why not social login only?
In Ask HN: Modern day web development for someone who last did it 15 years ago
exogen·Jun 20, 2019
So it's caused by a reference to `print` not being what they expected. The create-react-app project maintains a great list of "confusing browser globals" for exactly this situation! https://github.com/facebook/create-react-app/tree/master/pac... You can use it along with ESLint to detect situations where a variable reference is technically valid (it will refer to the window property) but is probably not what you're intending. Some of them are really easy to trip over, like `error`, `name`, and `open`. All global properties on the window!
In Math.Round opens the browser print dialog
brlewis·Apr 22, 2019
That's true if by "official documentation" you mean the Google search result page. Google Search Features gives a summary box that's as ambiguous as you describe. Click through to the actual page, though, and you get a single, simple set of startup commands. https://github.com/facebook/create-react-app#quick-overview EDIT: For reference, the URL where I see the ambiguous startup steps: https://www.google.com/search?client=firefox-b-1-d&q=create-...
In Comparing JVM alternatives to JavaScript
9935c101ab17a66·Apr 4, 2019
Even tools like react still require you to write the CSS by hand, so they wouldn't really make it any easier for you. You might actually find the proper CSS grid layout module does a lot of what you want: https://www.w3schools.com/CSS/css_grid.asp Someone else in this thread posted a link to this site which looks pretty good for getting a gist of the basics: https://www.w3schools.com/CSS/css_grid.asp I think that your experience is valid, but it's worth considering that in the days where we used tables for laying things out, we didnt worry about responsive design and people generally didn't design things to work with so many different viewports with significantly different aspect ratios. Basically, mobile devices have made it much, much more difficult to implement consistent design experiences on the web. Also, I haven't used mini.css, bu
Read the rest
t if you're looking for some CSS libraries that make your life easier, I really really like tachyons: https://tachyons.io. It takes a little while to become familiar with the classes, but almost all the classes are super easy to scope for media queries. Another slightly more verbose option in a similar vein is tailwind.css: https://tailwindcss.com/docs/what-is-tailwind/ If you are at all interested in learning a little bit of react, create-react-app makes it really, really easy to get started. In the past, getting a react/js project set up and configured was a real pain, but create-react-app handles all of the config for you, and is a pretty great tool: https://github.com/facebook/create-react-app I'm no expert, but if you have any specific questions about any of this, I'll do my best to point you in the right direction!
In Gimli – A Visual Studio Code extension for front-end developers

Showing the 15 most recent of 19 sources. Enable JavaScript to search and browse every indexed mention.

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.