Tag: react

Synthetic Event React

Getting started with React SyntheticEvent

Dev

Take a detailed look at React SyntheticEvent by comparing it to plain JavaScript events and running through a few examples.

Oyetoke Tobi
Dec 7, 2021 ⋅ 6 min read

Build an animated cloud generator with SVG and CSS

Dev

Create realistic outdoor scenes by generating animated clouds with only SVG and CSS in this React tutorial.

Samuel Ogunleye
Dec 6, 2021 ⋅ 8 min read
3D rendering in the browser with react-three-fiber

react-three-fiber: 3D rendering in the browser

Dev

Build simple React apps and use react-three-fiber and three.js to incorporate 3D browser rendering. Here’s how.

Kapeel Kokane
Dec 4, 2021 ⋅ 8 min read
React DND Trello Clone

Building a Trello Clone with React DnD

Dev

React DnD covers your components, injecting props into them rather than offering prebuilt widgets. React DnD is built on React’s declarative rendering philosophy.

Ekekenta Odionyenfe
Dec 3, 2021 ⋅ 10 min read
Electron Alternatives NodeGUI

Exploring NodeGUI and React NodeGUI: Electron alternatives

Dev

Explore an alternative to Electron, the NodeGUI framework, focusing on the React NodeGUI module.

Siegfried Grimbeek
Dec 2, 2021 ⋅ 12 min read
How to implement Keycloak authentication in React

How to implement Keycloak authentication in React

Dev

Jumpstart your Keycloak authentication, from login/logout to protected routes, with this detailed implementation guide for React apps.

Sheriff Quadri
Dec 2, 2021 ⋅ 7 min read
comparing next.js after.js server side rendering feature image

Comparing Next.js and After.js for SSR React apps

Dev

The major difference between Next.js and After.js lies in their routing mechanisms.

John Au-Yeung
Dec 1, 2021 ⋅ 5 min read
React Logo Over Two Injection Shots

Dependency injection in React

Dev

Discover the primary reason to use dependency injection in React and follow along with this library-free guide to using it.

Simohamed Marhraoui
Nov 29, 2021 ⋅ 4 min read
What to consider when writing more readable React code

How to write more readable React code

Dev

It’s always a good time to improve the readability of your React code. Get thinking with this detailed list of tips and tricks.

Chak Shun Yu
Nov 25, 2021 ⋅ 8 min read

How to create SVG maps in React with react-simple-maps

Dev

Create detailed and informative maps in your React apps with react-simple-maps using this in-depth guide and example build.

Joseph Mawa
Nov 24, 2021 ⋅ 9 min read
Open Graph: How to Create Sharable Social Media Previews

Open Graph: How to create sharable social media previews

Dev

Learn about sharable previews, how to implement and test them, and how to overcome challenges associated with lack of standardization.

John Reilly
Nov 23, 2021 ⋅ 4 min read
Options Caching React

Options for optimizing caching in React

Dev

The biggest challenge regarding React is avoiding unnecessary renders, which cause major performance issues in applications. Avoid the problem with solutions for cache management.

Kasra Khosravi
Nov 22, 2021 ⋅ 6 min read