Tutorials on Web Development, Programming, and Web Design

Tutorial using redux-thunk to call API

In Tutorials

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 more

Redux Tutorial on mapDispatchToProps

In Tutorials

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 more

Tutorial on Action Creators in Redux

In Tutorials

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 more

React Redux actions as string constants in separate file

In Uncategorized

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 more

Difference between Redux and Mobx

In Articles

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 more

Tutorial Intro to Redux in React

In Tutorials

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 more

Tutorial to create starter React app with create-react-app

In Tutorials

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 more

Tutorial on Rendering an Array of Components

In Tutorials Uncategorized

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 more

Tutorial on nesting React components

In Tutorials

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 more

Learn Web Tutorials is hosted by Hostmonster and design based on Wordpress template by Elegant Themes
All 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.