*** Brand New Course Launched in February 2017***
*** OFFICIALLY USED BY CONSULTANCIES AND MASSIVE CORPORATES SUCH AS SUNCORP TO TRAIN ENGINEERS***
Learn React by doing!. Everything relating to the modern web framework React and latest practices are jam packed into this course.
Subscribe and up skill yourself in the highest paying front end framework in the world
What are we going to cover and use ?
React - ReactRedux - React Router - Middleware - ES6 - NPM - Webpack
We'll be using the best practices in the industry to build products that you can share with your friends. Forget the boring TODO and Hello World app tutorials, learn the fundamentals and core concepts of how React works whilst building applications you're proud off and will use and share with your friends.
You'll be building three scalable real apps from the scratch:
1 - Spotify App - Search for and play snippets of your favourite songs using React and it's principles
2 - Shopping Cart App - Build a shopping cart using Redux and master all of Redux's concepts and ideologies
3 - Uber Price Estimation App - Find out how much a uber ride is going to cost you from start to end, using React, Redux, React-Router, Middleware, Fetch
During this course you'll learn and get to work with:
- React Router
- Installing and using external React Modules
- Google Maps API
- Redux Developer Tools
- Github and Git
- Uber's API, Spotify's API
- Chrome developer Tools
We'll be using diagrams and flowcharts throughout our course to pictorially explain what is happening at each step and how this fits into the bigger picture of React, we leave no stone unturned when going over core theories of this popular and fast framework.
Understand how 'props' and 'state' work, more importantly understand what the exactly are, what they do and why they are necessary.
Learn Redux, one of the most popular front end data management libraries, we'll break Redux down to it's very core, understand what it exactly is, why it does it, why it's so famous. Learn how to easily manage your data using Redux and build complex applications, and become that person who explains theories about Redux others didn't even know.
We learn about Redux middleware, nothing is explained using jargon and everything is taught in a relatable and simple terms, making it extremely easy to grasp all these new concepts
This course not only explains how React, Redux and the several other tools and technologies such as webpack, and ES6 work but goes into exactly how they work, we work from the ground up, from fundamentals to building complex real life apps you can scale easily
I am a bootcamp instructor so I know the importance of responding to answering student questions, I will respond within 12-18 hours of any question you post!
*** 30 day guarantee full refund**
Set up your atom editor environment, we'll use this software for coding
We navigate over the folder structure and how they fit together
Go over all the various packages used in the editor
diagrammatically understand what react is and how it works versus traditional MVC frameworks
We load react into our development environment and how we make it work
What are function components, and how we can instantiate them
What is ES6 destructuring, the difference between default export and export
What is a React component, what does the class based component contain that function component doesnt
Questions reflecting understanding of React
We learn about props, and how they're a channel to pass data around React applications
Why are propTypes important, and how they help improve development on large projects
We learn about state, and how it embodies within react and helps re-render components using the setState method
Creating input components in React that are controlled by the component state as to internal state
Fetch data in a promise driven function using the axios library for HTTP requests
How CSS flex works
React component key prop, and how it helps with rendering lists of data in React much faster
What is Redux, how is it fixing what its fixing and how it helps with faster React development
Actions, Reducers, Components, Connections, Smart and Dumb components
Three principles of Redux
Using open source tools such a react-create-app
What are dumb components ? components not connected to Redux
Folder Structure completing flow, actions folders, components, containers, reducers, combineReducers, index files
We learn how we actually connect React and Redux which are completely seperate from one another
We use smart development tools to have them work to our benefit :)
How do we create a reducer architecture, what does a reducer embody and how does it fit in this system
We learn about the famous mapStateToProps function that is passed to the connect function, how we get access to bits of our redux store via props
We learn about the famous mapDispatchToProps function that is passed to the connect function, how we invoke actions that are passed to reducers
What exactly is middleware in software
Thunk middleware and middleware that sits between actions and reducers
We learn how we actually implement middleware into all of this, and how we make it work
Understanding Thunk middleware and how it helps us
Implementing thunk middleware and getting use of it in our application
What is react router and what is it trying to solve regarding routes
How the application is set up and how everything talks to one another on a folder and architectural level
Routes and how we map route urls with components and state/view changes
Routing within Routes, creating child routes for routes
What is an indexRoute and where does it fit in routing
Programatically changing routes in React
Vaibhav has a strong background in Engineering, spending nearly 6 years building products for various startups and companies. He has built applications for companies that receive nearly 500000 unique visitors a month.
Breaking down concepts and correlating them to real life situations is what he does best. He lives by the 'If you can't explain it simply, you haven't understood it' principle
He has already trained multiple engineers through bootcamps and at various companies in React and Node and he is extremely passionate about empowering through education.
Managing a team of 8, he effectively white boards, breaks down and maps through complex problems making sure everyone is on the same page. He's combined his education in engineering from The University of New South Wales, multiple Mentors and the ubiquity of all the internet blogs and articles into concise, structured and goal driven courses.
Learn by making relevant applications, that are fun as well as worth showing off, learn by building apps you love, instead of boring todolist and hello world apps.