May 27React101: The Effect HookReact provides a lot of tools to aid web development. The top primary tasks could be: Work with the DOM/browser to render UI to the page. Manage state for us between render cycles (i.e. state values are remembered from one render to the next). Keep the UI updated whenever state…Reactjs4 min readReactjs4 min read
May 19React101: FormsForms are considered to be React’s weakness, difficult to use and understand. However, it can be made easy by using libraries. The difference in writing forms in Vanilla javascript and React is that, in React, the state variable keeps into account all keystrokes made to enter the input. As…React Forms3 min readReact Forms3 min read
May 16React101: Hooks — Part 2Previously in Hooks-Part1, I introduced the useState hook and how it is used to maintain state values and change them. In this section, I am exploring more on Arrays and Objects in State and when to use multiple hooks. Arrays in State JSX lists are easily rendered by using JavaScript arrays. import React…React Hook5 min readReact Hook5 min read
May 16React101: State ManagementPreviously in the React101 series, I covered JSX, Components, Props, and Hooks. In this section, I have shared examples using all of them together. Note: These examples are taken from the “Learn React” Scrimba course. Example1 — Flipping State back and forth Clicking on the div.state — value flips the state from true to false and the…React Hook3 min readReact Hook3 min read
May 9React 101: Hooks — Part 1Hooks are important in React as they help to make interactive and dynamic web applications. Previously in React 101 series, I have written about managing static applications. To make an application interactive, React components need variables of their own. These variables (state) are managed by React Hooks. …React Hook5 min readReact Hook5 min read
Apr 29Create React AppThe React team has provided a utility called create-react-app. It is the recommended way to scaffold out a new React single-page application. It already follows the best practices suggested by the React community, creates a set of starter files and folders, and along with React, also installs and configures several…Reactive Programming6 min readReactive Programming6 min read
Apr 27React 101: PropsThis is the third article in the React 101 series. The first two articles are: React 101 : JSX React 101: Components In the frame of React Application, components are small pieces of a whole. Together they make up a user interface. There are times when components must be…React6 min readReact6 min read
Apr 24React 101: ComponentsThis is a continuation of the React 101 series. The first article can be found at React 101:JSX What is a component? React applications are made of components. A component is a small, reusable chunk of code that does only one job. …Reactjs5 min readReactjs5 min read
Apr 20React 101: JSXI started with React a month ago and this is my very first javascript framework. Very confusing to start with, but I am beginning to like it and hence documenting my learnings as I go along. I will write a separate post for the components. const h1 = <h1>Hello World</h1> Intro to JSX …React8 min readReact8 min read
Jan 11Quirky Kotlin ExtensionsI am starting to get back to Kotlin and started studying random topics. I have been putting this topic off for a long time now , so decided to pick it up and write down my learnings. I will have this topic in mind for some while now ;) Extension Functions The…Kotlin4 min readKotlin4 min read
