React Icon

React

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

Robin Wieruch robinwieruch.de

JavaScript fundamentals before learning React

Learn about the fundamentals of JavaScript to ease your learning/usage of React. After all my teachings about React, be it online for a larger audience or on-site for companies transitioning to web development and React, I always come to the conclusion that React is all about JavaScript. The following walkthrough is my attempt giving you an almost extensive yet concise list about all the different JavaScript functionalities to complement your React application.

read more...

Ives van Hoorne Medium

CodeSandbox launched their dashboard and teams feature

I've been closely watching CodeSandbox and have been thoroughly impressed with the work Ives van Hoorne and the 75+ contributors have put into this online code editor for ... React, Preact, Vue, and more. I've been thinking about getting Ives on Founders Talk to talk about the business model behind CodeSandbox. It seems to have this interesting self baked, pay what you want, Patron model to cover the expenses of CodeSandbox. Most of the features are free with limits, and being a "Patron" lifts those limits + extra features, and supports the costs and development efforts.

read more...

Dan Abramov reactjs.org

Add React to any website

The documentation for "adding React to existing app" was updated this week by Dan Abramov to make the installation of React into any website a much simpler process. Dan writes in the opening paragraphs of the updated docs. React has been designed from the start for gradual adoption. You can use as little or as much React as you need. Perhaps you only want to add some “sprinkles of interactivity” to an existing page. React components are a great way to do that. The majority of websites aren’t, and don’t need to be, single-page apps. With a few lines of code and no build tooling, try React in a small part of your website. You can then either gradually expand its presence, or keep it contained to a few dynamic widgets. Here's the GitHub issue that kicked things off which might provide a slight bit more context.

read more...

Gabriel Peal Medium

React Native at Airbnb

This epic four part series from the Airbnb engineering blog showcases how React Native was used at Airbnb to enable their teams to move quickly and maintain a great developer experience. However, in the end, they decided to sunset React Native and focus on native — but their journey to that conclusion is well worth a read. Part 4: Sunsetting React Native — Although many teams relied on React Native and had planned on using it for the foreseeable future, we were ultimately unable to meet our original goals. In addition, there were a number of technical and organizational challenges that we were unable to overcome that would have made continuing to invest in React Native a challenge. As a result, moving forward, we are sunsetting React Native at Airbnb and reinvesting all of our efforts back into native. It's not all bad though. 63% of their engineers would have chosen React Native again given the chance and 74% would consider React Native for a new project. Gabriel went on to say: React Native is progressing faster than ever. There have been over 2,500 commits in the last year and Facebook just announced that they are addressing some of the technical challenges we faced head-on. Even if we will no longer be investing in React Native, we’re excited to continue following its developments. For a different perspective read Should we use React Native? — a follow-up post to this four part series.

read more...

React Icon docz.site

Docz – it has never been so easy to document your things!

Docz' high-level principles give you an idea of what they're all about: Zero config and easy. No unnecessary build steps with confusing setups. Blazing fast. Always use the fastest things to build our tools. Easy to customize. Create something that will be easy to use and customize. MDX Based. Have the best standard to write documents. Pluggable. Plugins are the best choice when you need to be custom and flexible. Watch the demo video on the homepage to see just how nice this tool is to use.

read more...

Justin Sisley github.com

mostly – a full stack web app starter kit built on Node.js

mostly's purpose is to serve as a lightweight, easy-to-comprehend starting point, with a focus on providing a great developer experience while helping you get high quality and maintainable web applications deployed rapidly. It uses Express for the server and React for the client. Worth a look if you're starting up a new web project. I dig this point about it: Nothing is hidden, nothing is magical, and all of the "plumbing" is accessible and simple.

read more...

Prisma Icon prisma.io

Prisma raises $4.5M to build the GraphQL data layer for all databases

Big news from our friends at Graphcool, now Prisma. Today, we have some very exciting news to share: We've raised a $4.5 million seed round led by Kleiner Perkins and are rebranding to Prisma (from Graphcool). In this post we'd like to share our thoughts on Prisma today and our plans for the future. If you haven't yet, check out The Changelog #297: Prisma and the GraphQL data layer.

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 Icon 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...

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 Icon 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 Icon 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 Icon 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 Icon 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