Tag: react

Frustrations With React Hooks

Understanding common frustrations with React Hooks

Dev

While the response to Hooks has been overwhelmingly positive, we are going to look at some of the not so popular parts of React Hooks.

Paul Cowan
Apr 26, 2021 ⋅ 9 min read
GraphQL Logo

Simplify GraphQL requests with React Query, GraphQL Code Generator, and TypeScript

Dev

Take advantage of GraphQL on the frontend by automating the creation of TypeScript types and the generation of custom React Query hooks using GraphQL Code Generator.

Iva Kop
Apr 19, 2021 ⋅ 3 min read
CRUD With React and GraphQL: A Complete Tutorial With Examples

CRUD with React and GraphQL: A complete tutorial with examples

Dev

GraphQL simplifies CRUD by abstracting requests to a single endpoint.

Avanthika Meenakshi
Apr 16, 2021 ⋅ 7 min read
Remotion Making Videos In React

Remotion: A framework for making videos in React 

Dev

Add Remotion to your React applications and create videos via the web using familiar concepts like CSS, WebGL, variables, and functions.

Austin Roy Omondi
Apr 15, 2021 ⋅ 9 min read

React lifecycle methods: An approachable tutorial with examples

Dev

Learn all about React lifecycle methods for mounting, updating, unmounting, and error handling, including new methods as of React 17.

Ohans Emmanuel
Apr 15, 2021 ⋅ 13 min read
React Logo

Using react-responsive to implement responsive design

Dev

If you’re looking to implement responsive design, look no further than the react-responsive package found on NPM.

Jefferson Ighalo
Apr 13, 2021 ⋅ 3 min read
Grommet Logo

What’s new in Grommet v2

Dev

After a successful first version of Grommet, v2 has been released with a host of new changes. Learn exactly what Grommet v2 brings here.

Kapeel Kokane
Apr 12, 2021 ⋅ 7 min read
React Logo Over a Sandy Background

Using React Hooks to create sticky headers

Dev

Having trouble implementing a sticky header on a table? Take a look at how to build a sticky header using React Hooks.

Fortune Ikechi
Apr 5, 2021 ⋅ 5 min read
Fuse-js-dynamic-search-react-app

Using Fuse.js to add dynamic search to a React app

Dev

When you don’t need a full-fledged Elasticsearch instance, Fuse.js provides a straightforward search solution that’s easy to integrate with React.

Danny Guo
Apr 5, 2021 ⋅ 4 min read
Using Font Awesome 5 React

Using Font Awesome 5 with React

Dev

Font Awesome is a great add-on for showing icons on social media platforms that you can easily install into your React project.

Andrew Evans
Apr 2, 2021 ⋅ 6 min read
React Logo

How to create a split pane component in React

Dev

Split panes are a constant part of a developer’s life. Here, you can learn how to create a split pane component in React from scratch.

Julio Sampaio
Mar 30, 2021 ⋅ 5 min read
Relay Logo

What’s new in Relay v11

Dev

Learn what’s new in the latest version of Relay right here, where we explore v11 and how to create reliable React and GraphQL applications.

Leonardo Maldonado
Mar 25, 2021 ⋅ 5 min read