Topics Search

Build A Media Library With React, Redux, and Redux-saga – Part 2

Build A Media Library With React, Redux, and Redux-saga – Part 2
Views: 2
In part 2 of this tutorial, which is unarguably the most interesting part of building React/Redux application, we will setup application state management with redux, connect our React components to the store, and then deploy to Heroku. We will walk through this part in eight steps:
Sponsored Links:

Similar posts...

 

Create a Simple To-Do App With React

Create a Simple To-Do App With React Icon
Learn the React basics by building a simple to-do application. As the topic implies, we are going to be building a To-Do application with React. Do not expect any surprises such as managing state with a state management library like Flux or Redux. I promise it will strictly be React. Maybe in following articles we can employ something like Redux but we want to focus on React and make sure everybody is good with React itself.
 

How to Use the react-redux Package

How to Use the react-redux Package Icon
React is a JavaScript library for building user interfaces that has taken the web development world by storm. However, in a community that favours choice and flexibility, it can be hard to know where to start! Not to worry—some patterns and modules have emerged as best practices. One of these is Redux for managing application state.
 

How to Build a Todo App Using React, Redux, and Immutable.js

How to Build a Todo App Using React, Redux, and Immutable.js Icon
React components turn data into DOM elements every time the data changes, in a performant way. So you don’t have to worry about syncing your data with the DOM. In contrast to MVC, React is better used with the Flux architecture. Redux is a functional approach to Flux. The application state is only mutated by the “Store” in response to “Actions”, and turned into the DOM by the React components that are the “View”.
 

Redux without React — State Management

Redux without React — State Management Icon
Recently, I had one of those moments again and started working on a web application using Redux and nothing else but vanilla JavaScript. In this article I want to outline how I structured my app, examine some of my earlier (and ultimately unsuccessful) iterations, before looking at the solutions I settled on and what I learned along the way.
 

Leveling Up with React: Redux

Leveling Up with React: Redux Icon
We'll learn how to manage state across an entire application efficiently and in a way that can scale without dangerous complexity. We've come so far in our React journey, it's worth making it across the finish line here and getting the full bang-for-our-buck out of this development approach.
 

Build a React App with User Authentication

Build a React App with User Authentication Icon
React is an awesome way to build web UIs. This JavaScript library allows you to turn complex UIs into simple and reusable components that can be composed easily together. This post will show you how to build a React application from scratch, using the Stormpath React SDK to add features that allow people to sign up, login, and even view their own user profile.
 

Create a React Class in 60 Seconds

Create a React Class in 60 Seconds Icon
React is a JavaScript library built and maintained by Facebook that aims to make it easy to build user interfaces using, you guess it, JavaScript. In this video, we're going to take a quick look at how easy to is to get started using React. We'll be learning a little bit more about React, as a library, and we'll see how we can begin implementing it in our projects.
 

React Data Fetching with Relay

React Data Fetching with Relay Icon
React is ushering a new era in front end. Published by Facebook, it has rapidly become a popular library used in production by many technology companies. In this article, we’re going to discuss a new complementary React framework called Relay. React is primarily a view layer library. This has caused some teams to hit unknown territory or limitations while building projects that require a different infrastructure.
 

Setting Up Your React Dev Environment Easily

Setting Up Your React Dev Environment Easily Icon
The last major React-related topic we are going to look at is less about React and more about setting up your development environment to build a React app. Up until now, we've been building our React apps by including a few script files..
 

React on the Server for Beginners: Build a Universal React and Node App

React on the Server for Beginners: Build a Universal React and Node App Icon
Build a super fast Universal JavaScript app that can be rendered both on the client and on the server using React, React Router and Express In this article we are going to learn how to build a simple "Universal JavaScript" application (a.k.a. "Isomorphic") using React, React Router and Express.