React Fundamentals ES6 and API - Build a Rock Solid News App
5.0 (2 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
28 students enrolled
Wishlisted Wishlist

Please confirm that you want to add React Fundamentals ES6 and API - Build a Rock Solid News App to your Wishlist.

Add to Wishlist

React Fundamentals ES6 and API - Build a Rock Solid News App

Learn and understand Core React Fundamentals ES6 and API. Build and deploy a Rock Solid News App along the way.
5.0 (2 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
28 students enrolled
Created by Ryan Dhungel
Last updated 9/2017
English
Current price: $10 Original price: $100 Discount: 90% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3 hours on-demand video
  • 11 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Gain solid understanding of React, ES6 and API. Build a Rock Solid News App along the way and push to Github pages.
View Curriculum
Requirements
  • Basic understanding of JavaScript Programming Language
Description

Welcome to learn and understand core React fundamentals, along with new and exciting features of ES6 and solid API concepts.

I am Ryan, A self taught developer. I have been in your place and I know exactly what you expect from a course like this. 

React eco-system is huge. Understanding react is a single most important skill you will need in the current job market. This  course prepares you for that. 

By the end of this course, you will be confident to use react for your next project. you will also build the next level… lightning fast …news app using react that takes advantage of all the best tools react has to offer.

This course is divided in 3 major section. 

The first section gives you a solid understanding of React.

Topics included:

  • Zero configuration setup and google chrome extension for react
  • React components and JSX
  • Unidirectional data flow in react
  • Synthetic events and binding methods in react
  • Controlled components, composable components and reusable components
  • Functional stateless components
  • Managing states and props in react
  • Higher order functions
  • ES6 let, const, object keys and this keyword, destructuring, arrow functions, class constructors 
  • Code refactoring using ES6
  • React bootstrap styling


The second section prepares you to use real data from the API in your app.

Topics included:

  • Lifecycle methods in react
  • Fetch real data from API
  • Server side search
  • Client side caching
  • Proptypes, refs, Import and export in react
  • ES6 template strings, spread operator, object assign, conditional rendering


The third section focuses on code organization, refactoring and advance concepts

Topics included:

  • Higher order components
  • Lodash utility library
  • Advance sorting
  • Active links
  • Lifting state
  • React router
  • Deploy to github pages


React is one of those technology that redefines the present as we know. 

React is changing the way we develop apps. Be a part of it. Come , join me in this unique course and take your skills to a whole new level.

Thank you.

Who is the target audience?
  • Anyone who wants to learn and understand Core React Fundamentals along with ES6 and API.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
78 Lectures
02:53:30
+
Installation and folder structure
4 Lectures 07:50
+
Core React fundamentals with ES6
24 Lectures 50:30


What is special about const ?
02:57

Complex javascript in JSX
03:23

Object key and import export
02:08

ES6 arrow function
02:12

Class constructor
02:12

Setting up local state with constructor
01:26

This keyword, console and react chrome extension
01:47

Adding onclick event and binding methods
02:04

Unidirectional data flow, updating the state
02:15

Code refactoring using ES6
01:21

Synthetic events to get user input
02:39

Higher order function search implementation
02:35

ES6 destructuring
01:24

Destructuring and controlled component
01:53

Splitting components, using props
03:25

Splitting components, using props part two
02:34

Composable components
01:00

Reusable components
01:57

Different ways of creating components
01:55

Functional stateless component
01:28

Using react bootstrap package
02:53

Useful links for further studying reference and source code
00:11
+
Styling with React Bootstrap
4 Lectures 06:11
Styling form
02:05

Styling searchbox
01:48

Styling the table component
02:13

Useful links for further studying reference and source code
00:05
+
API, Server side search, Client side caching and more
16 Lectures 36:35
Lifecycle methods in react
01:11

Template strings to build fetch url
02:59

Fetch the real news from api
04:50

ES6 spread operator
01:32

Object assign vs spread operator
02:25

Conditional rendering
01:32

Server side search implementation
02:53

Load more button to fetch more data from api
03:39

Styling and adjustments
01:44

Adding new data with old data
01:46

Fetch hits per page from api
02:14

Client side cache
05:02

Remove item using searchKey
01:39

Lightning fast page load using local state
01:48

Fixing layout
01:15

Useful links for further studying reference and source code
00:06
+
Code organization and Refactoring
6 Lectures 11:03
Import export constants
02:32

What is prop types in react ?
01:43

Explict proptypes
01:56

Refs and the DOM
02:34

IsLoading indicator
02:13

Useful links for further studying reference and source code
00:05
+
Higher order components and Advance sorting
7 Lectures 20:00
Higher order components
03:11

Sorting with lodash
05:05

Sort by on each click
02:59

Styling sort buttons
02:21

Reverse sorting
03:32

Active sort button
02:49

Useful links for further studying reference and source code
00:03
+
Lifting state
6 Lectures 08:58
Converting to class component
01:50

Lifting the state
02:27

Set state using function
01:33

Passing function to set state
01:25

Higher order function to set state
01:39

Useful links for further studying reference and source code
00:04
+
Managing Components
3 Lectures 09:37
Moving components to seprate folders part one
06:27

Moving components to seprate folders part two
03:08

Useful links for further studying reference and source code
00:02
+
React router
4 Lectures 14:52
React router dom
04:08

Component based navigation system
05:33

Active navigation link
05:07

Useful links for further studying reference and source code
00:04
+
Depoly to Github pages
2 Lectures 06:01
Deploy to github pages
05:56

Useful links for further studying reference and source code
00:05
1 More Section
About the Instructor
Ryan Dhungel
4.6 Average rating
226 Reviews
3,502 Students
4 Courses
Web Developer

Ryan Dhungel is a Web Developer from Sydney, Australia. He builds Websites and Web Applications and likes to focus on PHP development with Laravel. He also wants to make the entire web development process enjoyable and productive at the same by producing well explained practical Tutorials and Training packages for fellow developers.