Get Started with Redux in React Application

npm install --save react-redux @reduxjs/toolkit Create a file src/store/index.js and add following code in it: import { configureStore } from '@reduxjs/toolkit'; import { combineReducers } from 'redux'; const reducer = combineReducers({ // here we will be adding reducers }) const store = configureStore({ reducer, }) export default store; To link our app with the redux store update the main app file as follows: ... ... import { Provider } from 'react-redux'; import store from './store'; ReactDOM.render( <Provider store={store}> <App /> </Provider> , document.getElementById('root') );...
forward

Introduction To React Server-Side Rendering (SSR)

In this blog post, we have discussed what is React server-side rendering, what’s the difference between client-side rendering and server-side rendering and shared some code snippets for the server-side rendered React applications.

forward

Introduction To React

React or ReactJS is a front-end JavaScript library to create and design user interfaces. It’s being used in many popular and powerful websites like Facebook, PayPal, Airbnb, Apple, Microsoft, Twitter, etc. In this blog post, we discussed what’s React and what are its foundational concepts and features.

forward

Fetching Data From API With useState and useEffect Hooks In React App

In previous blog post, we learned how to get started with creating a very basic react app. In this blog post we will share a snippet to fetch data from API route with useState and useEfeect hooks in react app.

forward