Open in app

Sign In

Write

Sign In

Daminda Dinesh Imaduwa Gamage
Daminda Dinesh Imaduwa Gamage

14 Followers

Home

Lists

About

Sep 20

How to use Reducers with useReducer hook in React

In a previous post, I talked about how to use Reducers in vanilla JavaScript and HTML projects. In that post, you learned that while the reducers are pure functions that you can use with State Management libraries such as, you can still use Reducers in other types of projects that…

Usereducer

6 min read

How to use Reducers with useReducer hook in React
How to use Reducers with useReducer hook in React
Usereducer

6 min read


Sep 13

Reducers Unleashed: Unlock State Management Mastery

Have you ever heard of the term ‘Reducers’ or ‘Reducer’ when working with React and Redux? If you’ve worked with React, you might have used state management libraries such as Redux, which employs reducers. In Redux, the reducer is one of the three main components, alongside the store and actions…

Reducer

6 min read

Reducers Unleashed: Unlock State Management Mastery
Reducers Unleashed: Unlock State Management Mastery
Reducer

6 min read


Sep 12

WebSockets: Unleashing Enchanting Real-Time Magic

What are WebSockets? WebSockets enable real-time, bidirectional (full-duplex) communication between clients and the server over a single, long-lived TCP connection. What does it mean by ”real-time, bidirectional( full-duplex ) communication”? This means data can be transmitted in both ways on a transmission medium between the transmitter and the receiver at the same time. …

Websocket

8 min read

WebSockets: Unleashing Enchanting Real-Time Magic
WebSockets: Unleashing Enchanting Real-Time Magic
Websocket

8 min read


Aug 25

How to Integrate OpenStreetMap with React TypeScript

In this post, I am going to show you how to integrate OpenStreetMap with React Typescript. If you have never worked with OpenStreetMaps ( OSM ), you can read this post on OSM and React, and then come back here to develop this demo application. …

Openstreetmap

9 min read

How to Integrate OpenStreetMap with React TypeScript
How to Integrate OpenStreetMap with React TypeScript
Openstreetmap

9 min read


Aug 9

Jest: The Ultimate Testing Framework for JavaScript Applications

Jest is a popular open-source JavaScript testing framework maintained by Facebook. It is primarily used for testing JavaScript applications, including client-side (frontend) and server-side (backend) code. Jest is particularly known for its ease of use, powerful features, and comprehensive testing capabilities. You can do the following kinds of tests with…

Jest

7 min read

Jest: The Ultimate Testing Framework for JavaScript Applications
Jest: The Ultimate Testing Framework for JavaScript Applications
Jest

7 min read


Aug 4

GraphQL Query: How to Talk to the GraphQL Server

What is GraphQL query language? GraphQL query language is a specific syntax and set of rules to query data from a GraphQL API. It provides a structured and efficient way to request and retrieve the desired data from the server. The GraphQL query language allows clients to specify the exact data they need, making it…

GraphQL

7 min read

GraphQL Query: How to Talk to the GraphQL Server
GraphQL Query: How to Talk to the GraphQL Server
GraphQL

7 min read


Jul 7

React Context: The fundamentals you must know

In this post, I am going to help you understand the fundamental concepts of React Context. We will discuss the main components that you need to create and use React Context. …

React Context

6 min read

React Context: The fundamentals you must know
React Context: The fundamentals you must know
React Context

6 min read


Jun 18

How to use React useRef to access items on a list

The useRef hook is a handy tool in React that lets you create references to elements or values within functional components. It allows you to access and modify DOM elements directly, store mutable values, or preserve data between renders without causing re-renders. It’s like having a special pointer that you…

React

4 min read

How to use React useRef to access items on a list
How to use React useRef to access items on a list
React

4 min read


Jun 16

How to integrate Apollo client with React

If you have some experience working with GraphQL servers and GraphQL query language, you must have used GraphQL playgrounds on localhost or online. On these playgrounds, you can test your GraphQL queries and mutations against the GraphQL server to fetch data and make changes. You can also use variables to…

Apollo Client

11 min read

How to integrate Apollo client with React
How to integrate Apollo client with React
Apollo Client

11 min read


May 24

How to set up a GraphQL server: A Beginner’s Guide to GraphQL

Introduction to GraphQL GraphQL is a query language that makes it easy for software developers to request data from a server. It was developed by Facebook and is now used by many large companies around the world. In simple terms, GraphQL allows developers to specify exactly what data they need, and the…

GraphQL

10 min read

How to set up a GraphQL server: A Beginner’s Guide to GraphQL
How to set up a GraphQL server: A Beginner’s Guide to GraphQL
GraphQL

10 min read

Daminda Dinesh Imaduwa Gamage

Daminda Dinesh Imaduwa Gamage

14 Followers

I am a Fullstack developer interested in MERN and Wordpress.

Following
  • Pavan Belagatti

    Pavan Belagatti

  • Nitin Sharma

    Nitin Sharma

  • Nuha Khaled

    Nuha Khaled

See all (10)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech

Teams