In this guide we will learn about Recoil.js, a new library for React for efficient state management and better component rendering cycles.
This guide is an extraction from the official documentation you can check here if you want full information here
What is Recoil.js
Recoil lets you create a data-flow graph that flows from atoms (shared state) through selectors (pure functions) and down into your React components. Atoms are units of the state that components can subscribe to. Selectors transform this state either synchronously or asynchronously.
Recoil.js composed of ATOMS and SELECTOR
1. Atoms: Atoms are units of the state. They’re updateable and subscribable: when an atom is updated, each subscribed component is re-rendered with the new value. They can be created at runtime, too. Atoms can be used in place of React local component state. …
Demo: https://www.youtube.com/watch?v=7i4sT1B1yz8
Required basic understanding of :
- React / React Native
- React Hooks
What we will be creating
- Video calling application for Android + IOS
- Implementing webRTC using package “react-native-webrtc”
- Using Websockets for signaling
- Using UI components from ‘react-native-paper”
Note: In this guide, we will only implement the frontend part, there will be no guide for backend i.e handling socket events and other backend work.
webRTC is a great tool for establishing real-time communication over web. In this guide we are going to implement webRTC in a React Native mobile application using package react-native-webrtc, basically, this package is an adapter which exposes webRTC classes like RTCPeerConnection ,Media Streams etc. …
