Tutorial using redux-thunk to call API
Continuing from the last Redux tutorial, in this tutorial we will have our app retrieve some ToDo items using axios utility. We will retrieve from this API...
read moreRedux Tutorial on mapDispatchToProps
In the last tutorial, we see that the ToDo component is calling the addToDo action creator to create an action that is dispatch by the store’s dispatch method … This is a bit verbose. ...
read moreTutorial on Action Creators in Redux
Continuing directly from our previous tutorial, now we start to use an “action creator”. In our ToDo component, we are dispatching an action object like this … This has a bit of...
read moreReact Redux actions as string constants in separate file
In our React Redux tutorial, we tried to keep things as simple as possible to begin. Hence, it was using strings as the action type … In larger more complex apps, there are some advantages...
read moreDifference between Redux and Mobx
I once asked the question of what is the differences between Redux and Mobx. The both provide state management for React apps. So I wrote a ToDo app using Redux and separately with Mobx. You can...
read moreTutorial Intro to Redux in React
This tutorial introduces you to using Redux in React by creating the usual “To do” app. Start with … create-react-app redux-todo cd redux-todo npm run eject npm install npm...
read moreTutorial to create starter React app with create-react-app
To create a starter React app, a good tool is “create-react-app” which was created by Facebook. You install it by running npm from your terminal. This assume you have already...
read moreTutorial on Rendering an Array of Components
In the last tutorial, we rendered one PictureBox component, now we continue where we left off and render an array of PictureBox components. 1. In our app.jsx, we pass an options object that consists...
read moreTutorial on nesting React components
In the last tutorial, we created the Greeting component. Continuing directly from that, we now create a PictureBox component that has an image as well as Greeting component inside it. Like...
read moreAll contents are opinions and are copyrighted and may contain display ads and ad links for which site may receive revenues from.
See Terms of Use and Privacy Policy.