Modern JavaScript
Modern javascript
Creating variables using const
Creating variables using let
Template strings
Default parameters
Arrow functions
Arrow functions and this keyword
Destructuring object
Destructuring array
Restructuring
Spread and rest operators
Class constructor super
React Basic
Installing react
React files and folders introduction
Storing data in component state via ajax call
Rendering state data using map
Conditional rendering
Imports exports props
Handling click events
Destructuring inline styling and keys
Installation and folder structure
Getting started with react via CDN
Zero configuration setup using create react app
Introduction to folder structure
Useful links for further studying reference and source code
Core React fundamentals with ES6
What is class in react?
Create your first react component
What is special about const ?
Complex javascript in JSX
Object key and import export
ES6 arrow function
Class constructor
Setting up local state with constructor
This keyword, console and react chrome extension
Adding onclick event and binding methods
Unidirectional data flow, updating the state
Code refactoring using ES6
Synthetic events to get user input
Higher order function search implementation
ES6 destructuring
Destructuring and controlled component
Splitting components, using props
Splitting components, using props part two
Composable components
Reusable components
Different ways of creating components
Functional stateless component
Using react bootstrap package
Useful links for further studying reference and source code
Styling with React Bootstrap
Styling form
Styling searchbox
Styling the table component
Useful links for further studying reference and source code
API, Server side search, Client side caching and more
Lifecycle methods in react
Template strings to build fetch url
Fetch the real news from api
ES6 spread operator
Object assign vs spread operator
Conditional rendering
Server side search implementation
Load more button to fetch more data from api
Styling and adjustments
Adding new data with old data
Fetch hits per page from api
Client side cache
Remove item using searchKey
Lightning fast page load using local state
Fixing layout
Useful links for further studying reference and source code
Code organization and Refactoring
Import export constants
What is prop types in react ?
Explict proptypes
Refs and the DOM
IsLoading indicator
Useful links for further studying reference and source code
Higher order components and Advance sorting
Higher order components
Sorting with lodash
Sort by on each click
Styling sort buttons
Reverse sorting
Active sort button
Useful links for further studying reference and source code
Lifting state
Converting to class component
Lifting the state
Set state using function
Passing function to set state
Higher order function to set state
Useful links for further studying reference and source code
Managing Components
Moving components to seprate folders part one
Moving components to seprate folders part two
Useful links for further studying reference and source code
React router
React router dom
Component based navigation system
Active navigation link
Useful links for further studying reference and source code
Depoly to Github pages
Deploy to github pages
Useful links for further studying reference and source code
How to use source code and install app locally
How to use source code and install app locally
Useful links for further studying reference and source code