Published in JavaScript in Plain English·PinnedPure Functions and Side Effects in JavaScript — Common Interview QuestionsUnderstand the concept of pure functions and side effects in JavaScript. The most common interview questions. — Functions are the bread and butter of JavaScript programming. It gives us a way to structure larger programs by reducing the repetition of code. Functions are normally divided into three categories: A function that is called for its side effects. A function that is called for its return value.Java Script3 min read
Published in JavaScript in Plain English·PinnedSass: Professional Grade CSS Extension LanguageLearn the most powerful CSS extension language in 2 minutes. — Sass is the most mature, stable, and powerful professional-grade CSS extension language in the world. A CSS pre-processor, Syntactically Awesome Stylesheet (Sass) is an extension of CSS. When stylesheets are getting larger, more complex, and harder to maintain, Sass can help by reducing the repetition of CSS and saving time…Web Development4 min read
Published in JavaScript in Plain English·PinnedReact Hooks — useMemo() — Clarification with an ExampleWhat is useMemo()? When should we use it? How to use it? — What is useMemo()? The useMemo() hook is very similar to the useCallback(). It takes a function and an array of dependencies as arguments, and returns a Memoized Value which recalculates only when one of the dependencies gets changed. If no array is provided, a new value will be computed on every render. …React2 min read
Published in Python in Plain English·PinnedDatabase Indexing Explained with an ExampleWhat is DB Indexing? Why is it required? When should we use it and how? — What is DB Index? A Database Index is a data structure used to improve the speed of data retrieval processes on the database table. In simple terms, an index is a pointer to data in a table. Indexing is a way of sorting a number of records on multiple fields. Creating an index on…Database4 min read
Published in JavaScript in Plain English·Jun 28Todo Application Using Core Components of React NativeLearn the core components of React Native by creating a Todo mobile application. — React Native has provided a bunch of essential Native Components which are ready to use to develop our own application. These in-built components are called Core Components of React Native. Many core components include View, Text, Image, ScrollView, TextInput, StyleSheet, Button, SectionList, and FlatList. Text Text is a core component of…React Native4 min read
Published in JavaScript in Plain English·Jun 23Getting Started With React NativeStart Learning Cross-Platform Mobile Application Development — What is React Native? How does it work? React Native is an open-source, cross-platform mobile application development framework developed by Meta Platforms, Inc. It allows us to use the React libraries along with native capabilities to build native applications for Android and iOS systems. In simple terms, React Native is a JavaScript framework used to develop mobile applications…React Native5 min read
Published in JavaScript in Plain English·Jun 22Manage State Globally Using the useContext() Hook in ReactA detailed explanation of useContext() hook with an example. — React Hooks are JavaScript functions added to React version 16.8. They allow us to use state and other React features in function components, which means class components are no longer required. useContext() React Context is used to manage the state globally. It made passing state between deeply nested components easier than…React3 min read
Published in JavaScript in Plain English·Jun 19Component’s Lifecycle Methods in React — Detailed Clarification With ExamplesLearn different lifecycle methods provided at different phases of a React component’s life. — React has provided several “Lifecycle Methods” for each component, which we can override to run our code at particular times in the whole process. According to the default nature of React, it automatically calls the responsible method for the particular phase in which the React component currently is. We can…React5 min read
Published in JavaScript in Plain English·Jun 15React.memo — A Higher-Order ComponentA detailed explanation of React.memo with an example. — What are higher-order components in React? A higher-order component (HOC) is an advanced technique in React for reusing component logic, as mentioned in the React Docs. A HOC is not a part of the React API, but it is just a function with a component as an argument and returns a new component. What is React.memo? As mentioned in…React3 min read
Published in Python in Plain English·Jun 14Linear Search Algorithm in Data Structure — Understand with an ExampleWhat are Time and Space complexities? Best-case complexity and worst-case complexity calculation of linear search algorithm. — What is Linear Search? and How does it work? Linear Search, also known as Sequential Search is the most basic method for searching an element in an array or a list. The type of this algorithm is Brute Force (Brute Force algorithms are straightforward methods of searching elements. They mainly focus on trying every possibility instead of improving efficiency).Programming3 min read
