ReactJS and Flux: Learn By Building 10 Projects

ReactJS and Flux: Learn By Building 10 Projects

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 11h 02m | 2.20 GB

Get the real world experience by building professional projects in React and Flux

The problem of scale and complexity creates new challenges for system designers and force us all to fundamentally innovate processes and paradigms for software creation. React and Flux are Facebook’s response to their scaling problems and these technologies have opened up new avenues for all web programmers worldwide. React has become the buzzword as it provides a cool new framework to solve real world problems and if you are a web developer you must learn this amazing new technology. This is where our Projects Using React JS and Flux course comes in. The course has been meticulously designed in a manner to help you understand the technology as well as have a little fun with them. Using 10 different projects, we will get you on board on how to use ReactJS and Flux to make your application unique, just like you! Created by Facebook, both technologies were designed to simplify the process of coding and making applications. ReactJS is a powerful JavaScript library that uses an XML-like syntax called JSX to describe component’s DOM representations. It allows you to not only easily create interactive User Interface (UI) components, but also reuse them when needed in other projects. On the other hand, Flux is an application architecture that is used for creating dynamic client-side JavaScript web applications and works alongside ReactJS. Flux is used to maintain a unidirectional data flow, in order to deal with scalability issues that can arise in the MVC and simplify the data flow. The Projects Using React.JS and Flux tutorial is the perfect way to not only learn these technologies, but also understand how they can be practically applied to create applications. It will also give you a working idea of other technologies that can be used in tandem with these technologies.

Covering 10 real world projects, this course integrates some of the most popular technologies used in modern web development, to help you sharpen your existing skills.

What You Will Learn

  • Get Conceptual understanding of ReactJS and Flux
  • Learn practical application of ReactJS
  • Learn professional tricks for smart web development
  • Master the latest technologies building real world projects
Table of Contents

01 Introduction
02 Section Intro
03 Setup React & Bootstrap
04 Creating React Components
05 Component Props
06 Working With State
07 Section Intro
08 Files &Webpack Setup
09 Main App Component
10 Profile Component
11 RepoList& Repo Components
12 Search Component
13 Section Intro
14 App Component Setup
15 QuestionList& Question Component
16 Quiz Logic
17 Section Intro
18 Flux Structure & Gulp
19 Flux Setup &Preperation
20 SearchForm Component
21 Working With The API
22 Displaying Results
23 Section Intro
24 Flux Boilerplate Setup
25 Adding Contacts To Store
26 Persisting Data To Firebase
27 Listing & Deleting Contacts
28 Edit & Update Contacts
29 Section Intro
30 Stickypad Boilerplate Setup
31 AddNoteForm Component
32 Add & Fetch Notes FromMongoLab
33 Display Sticky Notes
34 Delete Sticky Notes
35 Section Intro
36 InfoFinderFluxboiler Setup
37 Search Form
38 Fetch Data from DuckDuckGo API
39 Display Results
40 Section Intro
41 Boiler & Add Video Form
42 Persist Data To Firebase
43 Displaying Videos
44 Deleting Videos
45 Section Intro
46 Webpack& React Setup
47 Server Connection Setup
48 Adding Messages
49 Display Messages
50 Username Functionality
51 Section Intro
52 Setup &ShowForm State
53 Add Workout Form
54 Using LocalStorage
55 Fetch & Display Workouts
56 Deleting Workouts
57 Summary