RSS Email Twitter GitHub Dribbble LinkedIn Facebook Instagram YouTube Google+ Pinterest Reddit icon

Ola John

Javascript | Node | React | Vue

Learn React Hook and Context Api Part(2)

This is the second part of the series in learning React Hooks and the Context API. In the first part we learn the basics of useState, built the first parts of the Recipe Search application. The full code can be found on github

Learn React Hooks and Context API by Building a Recipe Search App Part 1

This is a beginner tutorial in understanding React Hooks and the Context API. In reality, this is more of an attempt to explain these concepts to my self and to interested readers. This will be in two parts with this first part focusing on the basics of hooks. The other part will hopefully focus more on more advanced use cases and the Context API. We’ll implement the search functionality and convert to using the Context API for managing states and avoiding props drilling

Part 5 - ES6 Destructuring

Destructuring assignments 👌 The destructuring assignment syntax is a JavaScript expression that makes it possible to unpack values from arrays, or properties from objects, into distinct variables.

Part 4 - ES6 Module System

ES6 Module system 😃 ES6 modules are one of the more critically important concepts you will come across in every React program. I will not delve in-depth as to why the module patterns is important. You can read more about that here, here and here. Instead I will provide a quick overview of what they are and how to quickly get started with them.

Part 2 - ES6 Ternary Operators

Ternary Operators 😍 The conditional (ternary) operator is the only JavaScript operator that takes three operands. This operator is frequently used as a shortcut for the if statement.