To Do List Using Redux in React Typescript

 Reducers: Take input state and return new state.

Step 1: Import Redux NPM packages

npm install redux react-redux
npm install @types/react-redux

Comments

Post a Comment

Popular posts from this blog

Mouse Movement Tracker

 index.tsx import   React   from   "react" ; import   ReactDOM   from   "react-dom" ; import   MouseMovementTracker   from   "./MouseMovementTracker" ; import   Butterfly   from   "./Butterfly" ; let   container  =  document . getElementById ( "root" ); ReactDOM . render ( < div >           < MouseMovementTracker      myrender = { ( data : any ) => {          return < Butterfly   x = { data . x }   y = { data . y } />    } } ></ MouseMovementTracker >        </ div > ,  container ); MouseMovementTracker.tsx import   React   from   "react" ; interface   MyInt {      myrender : any ; } export   default   class   MouseMovementTracker   extends   React . Component...
Read more

Getting started with React Router

Image
  Is react router is static or dynamic? Before the react router v4 it is static after v4 it is Dynamic. In single page apps, there is only single html page.we are reusing the same html page to render the different components based on the navigation. But in multipage apps, you will get an entirely new page from the server when you navigate. How to install the react router? npm install @types/react-router-dom index.tsx import   *   as   React   from   'react' import  {  HashRouter   as   Router ,  Route ,  Link ,  Switch  }  from   'react-router-dom' import  {  render  }  from   'react-dom' ; import  { Home ,  Contact ,  Feedback }  from   "./Navigation" ; class   App   extends   React . Component  {    render () {      return  (        < Router >    ...
Read more