Note: This post is part of my JavaScript (JS) and ReactJs learning roadmap series. This post is work-in-progress and will be updated regularly.
In a previous post JavaScript Fundamentals Knowledge & React Learning, I reviewed my JavaScript & React learning. In the post I wrote my React Learning approach as (i) learning by doing and (ii) strengthen JS fundamentals by reverse engineering.
Related Post: Fundamentals Knowledge & React Learning
Re-evaluating React Learning approach
As I wrote in my previous post, I seem to better learn through projects and power of repetition. I plan to continue learning react through simple react projects and simultaneously strengthening JS fundamentals through the following books, blog tutorials, and learning videos.
- React Main Concept: Learning from React Documentation. During the 2018 fourth quarter, I completed chapters 1-4 and 8. I plan to continue rest of the topics starting State and Lifecycle to fully understand the react main concepts.
- Robin Wieruch and Kirupa inspired me all the time through their books ( The Road to Learn React & Learning React ).
- React Learning Tutorial Videos from Lynda library. Eve Percello has some basic React tutorials to understand concepts with practical use case. I will contitue to learn from her recent popular react courses React.js Essential Training, Learning React.js and from other authors.
React Learning Roadmap for 2019
My broad React learning goals include:
- Creating React CRUD App
- Learning Fetch API & fetch() method
- Connecting React App to REST API
- React SPA with WordPress REST API
- Building React App on the top of WordPress Rest API
This section is still work in progress !
Building React Blog SPA
The React Blog SPA project that I have been working as learning project will be a long-term learning react project for 2019 & beyond. As I learn new react features the React Blog site will be updated accordingly. At the end of my Learning React Basics, I plan to have a functional React Blog SPA site with (i) multiple page (views) with nested routing, (ii) CRUD post list. Its design will evolve as I make progress with my learning progress.
React Learning Resources
The following work-in-progress list of learning resources was prepared after reviewing the listed post or articles and considered useful for my current learning goals.
REST API
- Understanding And Using REST APIs – Zell Liew | Smashing Magazine
- How to Connect your React App to a REST API | Andreas Reiterer
- REST API Handbook | developer.wordpress.org/rest-api/
- Code Your First API With Node.js and Express: Understanding REST APIs – Tania Rascia | tutsPlus
Fetch API
- Using Fetch – by Zell Liew | CSS Tricks
- Using data in React with the Fetch API and axios – by Kingsley Silas | CSS Tricks
- How to fetch data in React | Robin Wieruch
Axios API
- How to Connect your React App to a REST API | Andreas Reiterer
- API Integration with Axios in React – by Mrityunjay Karn | DZone
- Introduction to API Calls With React and Axios – Dogacan Bilgili | tutsPlus
React SPAs & WordPress REST API
- REST API Handbook | developer.wordpress.org/rest-api/
- Tying a React SPA to WordPress as a Backend [w/ WP REST API] | Snipcart.com
- How to Create a WordPress Widget with ReactJS and REST API | ibenic.com
- React.js with WordPress as a Backend: WP REST API Example | hackernoon.com
Learning JavaScript Fundamentals
1. ES6 Promise: The JS Promises are important in Web API like Fetch API and Service Workers.
- JavaScript – Demystifying Promises – by Wyatt Greenway | Medium
- Understanding JavaScript Promises | Flavio Copes