Tag Archives: react

Create interactive SVG maps in React with react-simple-maps

August 16, 2017 by Bramus! Leave a comment

react-simple-maps is a library of React components to make SVG maps using d3-geo and topojson. react-simple-maps → Whilst looking further I’ve stumbled upon these two Medium posts detailing an implementation: How to create pure react SVG maps with topojson and … Continue reading →

Elsewhere , , , , Leave a comment

How to use Redux in highly scalable JavaScript applications

August 15, 2017 by Bramus! 2 Comments

Alexis Mangin: I have recently worked on the first version of a React-Native mobile app for one of my clients, which desired to architecture the app in a scalable way for a painless experience to add new features later. I … Continue reading →

Elsewhere , , , 2 Comments

React, Relay and GraphQL: Under the Hood of the Times Website Redesign

August 1, 2017 by Bramus! Leave a comment

The folks over at The New York Times have made change to using React, Relay and GraphQL for the new version of their website (which they are rolling out over the coming months): We thought it would be nice if … Continue reading →

Elsewhere , , , Leave a comment

Better Error Handling in React 16 with Error Boundaries

July 27, 2017 by Bramus! Leave a comment

The first beta React 16 has been released just yesterday. Next to it running on Fiber (speeeed!), and allowing one to return Arrays in the render() method (bye bye unnecessary wrapper divs!), it also introduces the concept of Error Boundaries: … Continue reading →

Elsewhere , , Leave a comment

Detect unnecessary renders in React with why-did-you-update

July 21, 2017 by Bramus! Leave a comment

why-did-you-update is a library that hooks into React and detects potentially unnecessary component renders. It detects when a component’s render method is called despite its props their values are the same. Installation per npm, of course: npm install –save-dev why-did-you-update … Continue reading →

Elsewhere , , Leave a comment

Full-stack React + GraphQL Tutorial

June 27, 2017 by Bramus! Leave a comment

An extensive 5-part tutorial by the Apollo folks, using their own Apollo Client to communicate with the GraphQL Server: Despite the great advantages of using GraphQL [over REST], the first step can be a bit daunting. That’s why I’ve started … Continue reading →

Elsewhere , , Leave a comment

react-datasheet, an Excel-like Datagrid Component for React

June 19, 2017 by Bramus! Leave a comment

A simple react component to create a spreadsheet: Select cells, copy-paste cells Navigation using keyboard keys Deletion using keyboard keys Callbacks for onChange, valueRenderer(visible data) dataRenderer(underlying data in the input, takes the value by default) Installation per npm, of course: … Continue reading →

Elsewhere , , Leave a comment

Scaling your Redux App with ducks

May 24, 2017 by Bramus! 1 Comment

It’s one of these things I too keep struggling with from time to time: do you organize your project files per type/functionality, or per feature? Alex Moldovan from FortechRomania: Our approach starts from the need to isolate the React code … Continue reading →

Elsewhere , , 1 Comment

45% Faster React Stateless (Functional) Components

May 8, 2017 by Bramus! Leave a comment

When using Stateless Components throughout your React app, the lifecycle events (componentWillMount, componentDidMount, etc.) are still executed. Developer Philippe Lehoux found a way to bypass these, resulting in a 45% speed improvement: What if we could skip React internals for … Continue reading →

Elsewhere , , , Leave a comment

Render React Components directly to Sketch with React Sketch.app

April 25, 2017 by Bramus! Leave a comment

AirBnB Design: Today, we’re excited to share a tool we built to help bridge the gap between designers and engineers working on design systems at scale. React-sketchapp is an open-source library that allows you to write React components that render … Continue reading →

Elsewhere , , Leave a comment