#react (210 links)
- Chromatic visual testing for React chromaticqa.com
- Making your UI tests resilient to change – kentcdodds blog.kentcdodds.com
Kent C. Dodds Making software development more accessible · Husband, Father, Latter-day Saint, Teacher, OSS, GDE, @TC39 · @PayPalEng @eggheadio @FrontendMasters…
- react-static/react-static github.com
⚛️ 🚀 A progressive static site generator for React.
- transitive-bullshit/create-react-library github.com
CLI for creating reusable react libraries.
- react-from-markup simon360.github.io
Introduction react-from-markup lets you declare React components using simple, static markup. Why? Sometimes, your tech stack doesn’t speak JavaScript very…
- Next.js 7 | Hacker News news.ycombinator.com
We use a bunch of Zeit’s tools (particularly Next.js and its static export feature) at Common (https://www.common.com — we’re hiring!), and they’re consistently…
- Redux vs. The React Context API daveceddia.com
React 16.3 added a new Context API – new in the sense that the old context API was a behind-the-scenes feature that most people either didn’t know about, or…
We at Skillshare embrace change; not because it looks cool in a company’s vision statement, but because it’s necessary. That is the premise behind the recent…
- c8r/kit github.com
Tools for developing, documenting, and testing React component libraries
#cli #components #design-systems #development #documentation#isolation #jsx #library#mdx #react#styleguide #testing #ui #javascript - Introducing Kit compositor.io
- Creating Accessible React Apps - YouTube youtube.com
React is a great way to create reusable, modular components that can be shared among projects. But how do you ensure your React apps are usable by all? Scott…
- jxnblk/repng github.com
React component to PNG converter
- Making React and Django play well together - Fractal Ideas fractalideas.com
Making React and Django play well together Building a frontend with React and create-react-app and the corresponding backend with Django is a popular…
- Making SVG icon libraries for React apps – Nicolas Gallagher nicolasgallagher.com
Using SVG is currently the best way to create icon libraries for apps. Iconsbuilt with SVG are scalable and adjustable, but also discrete, which allowsthem to…
- chrisvxd/story2sketch github.com
Convert Storybook into Sketch symbols 💎
React v16 was a very exciting release for React, and included many new features. In the recent React 16.2 release , improved support for Fragments was…
Tinder recently swiped right on the web. Their new responsive Progressive Web App — Tinder Online — is available to 100% of users on desktop and mobile,…
As we worked on React 16 , we revamped the folder structure and much of the build tooling in the React repository. Among other things, we introduced projects…
- reactopt npmjs.com
A CLI React performance optimization tool that identifies potential unnecessary re-rendering. About Reactopt identifies specific events that may be causing…
- Debugging React performance with React 16 and Chrome Devtools. building.calibreapp.com
React was one of the first major front-end frameworks to not only name, but tout it’s rendering performance. React’s virtual dom is famous for efficiently…
I like React as a templating engine , not only on the client side but on the server as well. Over the last year or two rendering templates with React.js on the…
- Introducing Postlight’s WordPress + React Starter Kit trackchanges.postlight.com
People who publish on the web love WordPress . Engineers love React . With some research, configuration, and trial and error, you can have both — but we’d like…
The news about Facebook dropping the patent clause and re-licensing of React under the MIT license brought some sort of relief to the WordPress community. But…
- Creating an Accessible React Website - Paul Cowan thesoftwaresimpleton.com
I’ve recently been working on an online application form in the form of a multistep wizard that had strict accessibility requirements. I’ve never worked on a…
- Walmart Labs open sources its tool for bringing React Native to existing mobile apps social.techcrunch.com
Walmart is placing a big bet on React Native . With Electrode, the company’s Walmart Labs division open sourced the React-based framework that powers…
- Portals - React facebook.github.io
Edit on GitHub Portals Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component.…
- Approaches to testing React components - an overview reactkungfu.com
Share: Follow: Follow Dynamic user interfaces began to be an important feature for today web applications. To maintain quality, they must be tested properly.…
- Me on React: an old dog with new tricks remysharp.com
Over the years I've been consistently uninterested in using the new slew of frameworks and libraries that have been released. By no means is this because…
- Shopify/polaris-react-archive github.com
Shopify's Polaris Design System - React implementation (Deprecated)
#component-library #design-system #design-systems#design-tokens#figma-plugin #icons #react#shopify-polaris #typescript#vscode-extension Building a highly consumable UI component library is no easy feat and this article will focus on one particular tricky aspect of it: outer component spacing .…
- Convert HTML to React components roman01la.github.io
$ npm i -g html-to-react-components $ html2react index.html -c es5 -m es6 -e js -o ./components <!DOCTYPE html> < html lang = "en" > < head > < meta charset =…
The New York Times website is changing , and the technology we use to run it is changing too. As the new site rolls out over the next several months, a look…
- Usage github.com
Install the module from NPM or elsewhere npm install --save-dev react-axe Initialize the module Call the exported function passing in the React and ReactDOM…
Edit on GitHub Accessibility Why Accessibility? Web accessibility (also referred to as a11y ) is the design and creation of websites that can be used by…
By passing child components down instead of data you can avoid passing data down through many levels of components. It also makes your components more reusable.…
styled-components/primitives Announcing styled-components/primitives, an experimental entry point combining styled-components and react-primitives Creating…
webpack2, create-react-native-app, snapshot testing++, & more! Welcome to Storybook 3.0 , a huge step forward for the world’s favorite UI component development…
- The Storybook Story – Storybook – Medium medium.com
From UI development startup to open collective With over 10,000 Github stars and 290k monthly npm downloads , Storybook is the most popular open source tool for…
- Write Once, Render Anywhere by @peggyrayzis - ReactNYC reactnyc-universal-components.surge.sh
Write Once, Render Anywhere by @peggyrayzis - ReactNYC
- hypernova npmjs.com
Hypernova A service for server-side rendering your JavaScript views Why? First and foremost, server-side rendering is a better user experience compared to just…
Rearchitecting Airbnb’s Frontend Overview: We recently rethought the architecture for the JavaScript side of our codebase at Airbnb. This post will look at (1)…
- 6 in 1 - Sessions by Pusher pusher.com
About this talk It's been a dream to support multiple platforms from one codebase, and to abstract their differences in UX to unify development. Taz has…
Sketching a Design System with React-SketchApp Playing with this amazing tool made by Airbnb T he design field is moving forward, and it’s moving really fast.…
- Create Next App github.com
The easiest way to create a React app with server-side rendering thanks to Next.js — How to create an app User Guide — How to develop apps started with Create…
- When Does a Project Need React? | CSS-Tricks css-tricks.com
You know when a project needs HTML and CSS, because it's all of them. When you reach for JavaScript is fairly clear: when you need interactivity or some…
- Walmart: Agility Enabled with React.js, Node.js - InformationWeek informationweek.com
Walmart: Agility Enabled with React.js, Node.js Alex Grigoryan needed to attack multiple fronts as he revamped the Walmart Web site; the answer was…
Twitter Lite and High Performance React Progressive Web Apps at Scale A look into removing common and uncommon performance bottlenecks in one of the worlds…
- Carbon Design System carbondesignsystem.com
With UberEATS , our aim is to make ordering food from your favorite restaurants as seamless as requesting a ride with uberX or uberPOOL. Like launching any new…
- MicahGodbolt.com - Make Composable, not Customizable Components micahgodbolt.com
Make Composable, not Customizable Components Posted on: 02/27/2017 One of the challenges of developing for an open source design system like Fabric React is…