React Icon

React

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

The React Podcast The React Podcast #9

Emotion

Kye Hohenberger is the author of the Emotion JavaScript library, a popular choice among React developers who prefer using CSS-in-JS to traditional CSS stylesheets. In this episode we discuss his work on Emotion including where he got the initial inspiration for the project and his motivation for creating it. We also discuss the future of the project and what may be in store for the future of CSS-in-JS.

read more...

Brad Frost bradfrost.com

My struggle to learn React

Brad Frost shared lessons learned after Dan Abramov reached out when he saw Dan tweet in frustration about learning React. Brad Frost writes on his personal blog: Dan has been hugely helpful at helping me unpack React, its ecosystem, its syntax, and its conventions. My first conversation with Dan allowed me to do some soul searching as to why Iโ€™ve been having such a tough time learning React. Turns out, the reasons for my inability to wrap my head around React are many... If you have or you are struggling to learn React, maybe you'll resonate with Brad's story.

read more...

React github.com

Create native desktop applications through a React syntax, on all platforms

Proton Native looks full of potential: Same syntax as React Native Works with existing React libraries such as Redux Cross platform Native components. No more Electron Compatible with all normal Node.js packages This is the 2nd (1st here) Electron-less desktop UI framework I've logged in the past week. Are we seeing a rising trend or merely coincidence?

read more...

Kelly builderbook.org

Open source web app to publish documentation or books

From Kelly Burke: You can use this web app to write and sell books on your own domain. We use it for our own book, which teaches you how to build the app from scratch: https://builderbook.org/book Pretty cool. Writing your documentation or book in Mardown is amazing for a lot of writers. The reading experience on the web could be a bit better, but the app comes with all the third-party integrations you'd want to sell your book.

read more...

Kent C. Dodds blog.kentcdodds.com

Building production apps 100% in the browser

Kent built two small apps (one for his wife and one for his kids) and didnโ€™t even need to download any source code. His conclusion: What I love about this is how our tools have leveled the playing field. All of these tools are 100% free so long as you have access to a computer with internet access. This is a clear example of the web getting better.

read more...

Ives van Hoorne Medium

Real time code collaboration in the browser ๐Ÿ”ฅ

I started CodeSandbox with the ambition to make sharing and collaboration of web applications easier and more accessible. Nowadays itโ€™s being used for documentation, job interviews, prototyping, troubleshooting, bug reports, workshops, and probably much more. Now you can click โ€˜Go Liveโ€™ to get a URL to share and collaborate with others. Plus, it's open source.

read more...

React github.com

Reacto โ€“ย an IDE built just for React

Boasting a built-in package manager, smart/fast autocomplete, and component previewing, Reacto is an interesting option if you do React work all-day-every-day. Here's the why: There is absolutely no free software, all-included for React development. The idea is to create the right tool for everyone, to build ideas faster. This is a community project, using plain React code. Anyone can contribute and make it better. Anyone can suggest ideas and help everyone having the perfect tools in their hands. This is what Reacto aims to be: useful.

read more...

React github.com

Unstated โ€“ (React) state so simple, it goes without saying

@jamiebuilds was sick of all the ceremony around state management in React, so he built Unstated. Unstated isn't ambitious, use it as you need it, it's nice and small for that reason. Don't think of it as a "Redux killer". Don't go trying to build complex tools on top of it. Don't reinvent the wheel. Just try it out and see how you like it. It's been getting some praise on the Twitters. Sindre Sorhus says: Unstated is a breath of fresh air for state management. I rewrote my whole app to use it yesterday.

read more...

React github.com

An interactive, explorable explanation about the peculiar magic of sound waves

This interactive guide introduces and explores waveforms. It covers how to read waveform graphs, goes over the fundamental physics of sound, teaches how it relates to music and harmony, and demonstrates how to build complex tones from simple ones. Even if you don't care how waveforms work, check it out for the quality of the experience alone. Built with React, Styled Components, and SVG.

read more...

React formidable.com

Building an offline-first website

Last August we covered the phenomenon of this offline-only site from Chris Bolin. It forced you to be offline to view the actual message Chris was trying to share. For Chris, it was about communicating the general hum of distraction and interruption we all face from constantly being connected. It's something we've become very comfortable with. So much so, that to go offline requires deliberate intention. It's hard to do. Chris Bolin: Do you want to be productive? Just go offline, because to maintain a constant connection to the internet is to maintain a constant connection to interruptions, both external and internal. Well, we totally missed this breakdown of how he built that site (he published that a few months later) and we also didn't notice the offline site is on GitHub so you can view the code and even contribute by translating it to your language.

read more...
0:00 / 0:00