React Icon

React

React is an open source JavaScript library used for designing user interfaces.
64 Stories
All Topics

Vadim Demedes vadimdemedes.com

Building rich command-line interfaces with Ink and React

Could this be the future of writing interactive CLI tools? If you know React you know Ink. Ink is a library for building and testing command-line applications using React components. Since it acts as a React renderer, you can use everything that React has to offer: hooks, class components, state, context, everything. Ink lets you build interactive and beautiful CLIs in no time.

read more

Dan Abramov overreacted.io

React as a UI runtime

At a 37 minute read time, this post from Dan Abramov on using React as a programming runtime is near book length and will give you a deeper understanding of React “than 90% of its users.” We’ve touched on pretty much all important aspects of the React runtime environment. If you finished this page, you probably know React in more detail than 90% of its users. And there’s nothing wrong with that!

read more

Alyson Swerdloff github.com

Visualize your React app's component performance with a live heat map

React Quantum parses through your React application to create a color-coded tree model of its component hierarchy. On hover, each tree node will display two key component performance metrics—render time and re-render frequency—as well as memoized state and props to indicate what, specifically, initiated the render.

read more

Gaming script-8.github.io

A fantasy computer for making, sharing, and playing tiny retro-looking games

SCRIPT-8 is designed to encourage play — the kind of wonder-filled play children experience as they explore and learn about the world. In order to support this goal, everything in SCRIPT-8 has immediate feedback. It is what some call a “livecoding” environment. Send this to $YOUNG_PERSON in your life. But also bcc it to yourself. 😉

read more

React djangostars.com

What and how to test with Jest and Enzyme

Testing React components may be challenging for beginners and experienced developers who have already worked with tests. It may be interesting to compare your own approaches with the ones we use in our project. In order to cover the codebase, you have to know which components must be tested and which code exactly in component should be covered.

read more

React reactjs.org

Create React App 2.0 is here

Here’s a few things that are new, but “don’t feel pressured to upgrade anything.” 🎉 More styling options: you can use Sass and CSS Modules out of the box. 🐠 We updated to Babel 7, including support for the React fragment syntax and many bugfixes. 📦 We updated to webpack 4, which automatically splits JS bundles more intelligently. 🃏 We updated to Jest 23, which includes an interactive mode for reviewing snapshots. …plus 7 more updates…

read more

sorrycc umijs.org

UmiJS – a pluggable, enterprise-level React app framework

Umi is based on routing, supports next.js-like conventional routing, and various advanced routing functions, such as routing-level on-demand loading. Then with a complete plugin system, covering every life cycle from source code to build product, umi is able to support various functional extensions and business needs, currently umi have almost 50+ plugins in both community and inside company.

read more

Keenan Szulik Tidelift

Is React's development "supported" by Facebook? That depends.

Everyone knows that React is one of the most popular JavaScript libraries for building user interfaces — and many users of React choose it because they think it’s supported by Facebook. But is it really? That depends on what you mean by React, and what you mean by support. Keenan Szulik writes on the Tidelift blog: Since its release in 2013, React has grown into a proper open source phenomenon … with more than 100,000 GitHub stars, over 300,000 dependent repositories, and more than 800 contributors. Facebook’s contributions to React and the JavaScript ecosystem around it are truly epic — the stuff of legend. But when we dive into the dependencies of the default create-react-app, only 24 of the 1,103 packages come from repositories in Facebook’s GitHub organizations. That’s less than 3% of the dependencies required to build the “Hello, World” app with create-react-app! So who supports React?

read more

Kelly github.com

A boilerplate web app to build your own SaaS product

You can use this web app as a boilerplate for building your own SaaS product. The app has many common SaaS features, so you can focus on the features that differentiate your product. As with most boilerplates, this is opinionated about its stack, which features: React, Material-UI, Next, MobX, Express, Mongoose, MongoDB, Typescript Here’s the full list of features and the live demo.

read more

Apple github.com

How far can JavaScript take us?

Tanner Villarete asked himself, “How far can JavaScript take us?” Then answered: Turns out, pretty dang far. This web app was my attempt at mimicking Apple’s iOS music app, and I think I’ve come pretty close! I have to admit, he did a pretty good job. The frontend is built on React and Redux. The backend? A Laravel-based API running on a Raspberry Pi! Here’s the live demo, but be nice because Raspberry Pi.

read more

0:00 / 0:00