roggc articles - 29 total
KendoReact Challenge Submission: A Waku Project
This is a submission for the KendoReact Free Components Challenge. What I Built I have...
React 19, Waku, react-enhanced-suspense and Server Actions: how to fetch data efficiently in the Client
If we want to use React 19, one of the best options is to use Waku. It's a minimal React 19 framework...
React 19 setup and use of server actions
TLDR: Github repo npm init -y Create a folder and run npm init -y in it. ...
jotai-wrapper, a wrapper library around jotai
I've just published jotai-wrapper, a super tiny and simple utility library that makes using jotai...
Action client component in NextJS 14
What we want: We are on a client component and we want to render another client component with data...
How to make all local state globally accessible and how much it costs in terms of performance in React
The use case We will be coding the following scenario: So we have a use case where we...
React Context consumer only updates when state defined in Provider wrapper component changes
...and not when value supplied to Context.Provider changes. Introduction After having...
React 18: Streaming SSR with Suspense and data fetching on the server (How to)
The problem When you try to do data fetching on the server with streaming SSR with...
How to fetch data in React with Suspense and ErrorBoundary
When we want to fetch data, we are dealing with a promise, so we have three possible scenarios: the...
useReducer Hook Use Cases In React
I want to present you in this post some use cases for useReducer hook. These are three. ...
The ultimate solution to global state management in React
react-context-slices offers a zero-boilerplate solution to global state management in React by...
Vue 3 vs React: The Minesweeper game
In this post I will try to compare the two frameworks by developing in each of them the minesweeper g...
Full State Management in Vue 3 (without Vuex)
This post is a brother of Full State Management in React (without Redux). The thing is we define a...
Full State Management in React (without Redux)
Motivation Having an App component having this child: <Counterss name={n...
Lifting up information in React from one component to its parents in the component tree.
In this post, I will show you how to lift up information from one component to its parents in the hie...
Setting up a development environment with Vue, JSX and Webpack
In this post, I will show you how to set up a development environment for Vue with JSX and webpack....
Managing state in Vue.js
After reading this post I came up with this implementation for state management. To show it to you, I...
Setting state for parent from within useEffect hook in child component causes an infinite loop
That's exactly what I have found recently. Let's say we have a parent and a child and we pass setStat...
Calling a component recursively in React.js
This post was made after reading this, which talks about the same thing (in Vue.js). The call to a co...
HOC pattern in Vue.js
After doing some research (google) I found it is possible to do HOC pattern in Vue.js. Anyway, I pres...
Setting up a dev environment for Vue with Parcel and Babel
To set up a dev environment for Vue with Parcel and Babel it's very easy. First, you create a project...
Setting up a dev environment for React with Parcel and Babel
Create a project folder named react1. In it create package.json file with npm init -y. Then install,...
GraphQL and Firebase
In this post, I will explain to you how to implement a backend API with graphql which attacks a fireb...
How to continuously drag an element in React with javascript
In this post, I will show you an implementation for moving around an element with the mouse with the...
How to implement drag and drop in React
In this post, I will show you a simple implementation of drag and drop with React. It uses HTML API f...
TDD with react in the browser with mocha, chai and testing library 🔥
The combination which I have found useful for doing TDD with react in the browser is the one with moc...
Say goodbye to create-react-app 🧐
In this post, I will show you how to create a site (react app) with webpack and webpack-dev-server. T...
Minimal Webpack configuration to get React app
In this post, I will show you my implementation of Webpack, express, and babel to get react app worki...
Use of useReducer to manage state in React 💪
I will show you in this post my experience in React with the use of useReducer. I hope it helps you i...