Vijay Thirugnanam
Learn React

Learn React

Blog Author Picture

Vijay Thirugnanam

373 followers

I am a Freelance React developer. I work with startups to build MVPs. I learn new things and try out some code that I like to share in my blogs. I also blog at vijayt.com

Stream camera output to a video element in React

Sep 13, 20211 min read 268 views

From a React web application, it is possible to access the camera. The browser support for that is very good. Our objective is to show the camera output in a video element. Create a video element and attach a ref to it. <video ref={videoRef} autoPlay...

Inversion of control in TypeScript

Sep 1, 20213 min read 228 views

Inversion of control is a design pattern. I will explain this with an example. Let's write a class Car with a drive method: class Car { drive(): void { console.log('I am driving a car'); } } We will add one more class Bus with a drive method...

When does the useState hook render?

Aug 31, 20212 min read 34 views

The useState hook is probably the most popular and frequently used hook in React. There were a few questions I had about it. If a component had multiple useState hooks and an event handler did multiple state updates, will the component render multipl...

Difference between constructor and prototype in JavaScript

Aug 27, 20212 min read 189 views

JavaScript has many nuances. Constructor and Prototype are difficult to understand concepts in JavaScript. So, instead of explaining everything about constructor and prototype, I will explain only the relevant parts that cause confusion. Consider the...

Partial, a Built-in generic type in TypeScript

Aug 26, 20212 min read 80 views

JavaScript has types. But, those types are not strictly enforced. We have to use type guards in our code. There are three types of type guards. To check if the type of a variable is a number, we use: let sum = 0; if (typeof count === 'number') { su...

Difference between useLayoutEffect and useEffect

Aug 22, 20212 min read 569 views

The more I read React documentation at the official website, the more I get confused. That is probably because I don't understand some of the terminology there. The most recent confusion was me trying to understand the difference between useEffect an...