Published in JavaScript in Plain English·Mar 9How to Create a Toggle Button in React Using Conditional Rendering?Create a toggle button to show and hide data using the useState hook. — There are a few ways to render something conditionally in React. You can either use the && operator or conditional rendering to show and hide data in the JSX. If with Logical && Operator You will see Apple written on your localhost. So how did it work? First of all, we have created a…Java Script2 min readJava Script2 min read
Dec 26, 2021Method to super-boost productivityCaching, a successful technique in computer science that helped engineers speed up calculation processing can also be used in day-to-day life. — In the practical use of our intellect, forgetting is as important a function as remembering. ~ William James We all have wardrobes full of clothes and still, we spend most of our time deciding what to wear. One of the ways to solve this is to group all the like…Productivity4 min readProductivity4 min read
Jul 5, 2021How did Amazon win the voice-based search with Amazon EchoJeff Bezos, inspired by the original star trek series, came up with the idea of talking to a device, and the device talks back to you. He assembled a team and gave them 6 months to pull the product. — Voice-based search is on rising and so far Amazon is killing over 40 million users (in 2018). This number is estimated to rise to 130 million by the end of 2025. Amazon Echo is used in about 70% of smart speakers. However, its journey from inception to full product is…Jeff Bezos4 min readJeff Bezos4 min read
Published in JavaScript in Plain English·Mar 21, 2021Forms in React with HooksHow to use spread operator and hooks to work with forms in React — In the previous tutorial, we went through the basics of React and how to use hooks to alter states. This tutorial will continue from there and here we will see how to use hooks to update forms in React. However, before moving forward, I want to cover a topic that…Programming4 min readProgramming4 min read
Published in JavaScript in Plain English·Mar 17, 2021React: Component, Props, and StateA detailed explanation of the fundamentals of React Component and how to use props and state to make a functioning app. — According to the official definition of Component in React: Components let you split the UI into independent, reusable pieces and think about each piece in isolation. Components can be treated as sections of the overall web page. The navbar, main content, footer, etc, all can be converted to individual components…Programming7 min readProgramming7 min read
Dec 28, 2020Why you should not buy BitcoinA philosophical reason behind not to buy Bitcoin — It is not financial advice. I myself have $57 worth of Etherium and maybe BTC 0.0019 locked in my PC because I forgot the password of my Bitcoin wallet. I bought these Bitcoins probably in 2016, just for fun, and didn’t bother to write down the password. …Cryptocurrency3 min readCryptocurrency3 min read
Nov 23, 2020How to use Props and Child in ReactJSPart 2: Learn how to pass props in a React App — In our last tutorial, we studied the functional component. We learned how to create functional components and how JSX works inside of it. Today, we are going to learn about props. …Programming4 min readProgramming4 min read
Published in JavaScript in Plain English·Nov 22, 2020Web Development in React: Functional Component: Introduction, HelloWorld and JSXPart 1: We will study how functional components work in React — React is the most famous library in JavaScript and its demand growing pretty rapidly in the last few years. Environment Setup We will be using the VS studio code editor and MAC operating system. If you are using any other operating system, for the most part, you won’t face any…Programming5 min readProgramming5 min read
Published in Python in Plain English·Nov 19, 2020Web Development in Python: Django Rest Framework: Serialization, Requests, and ResponsePart 1: Serialization, Requests, and Response in DRF — To start a project, please type the following commands in the terminal ( please see my first tutorial on Django to initialize the virtual env and project setup ). (env) Mac:back-end saran$ django-admin startproject ecom (env) Mac:back-end saran$ cd ecom/ (env) Mac:ecom saran$ django-admin startapp homeTechnology4 min readTechnology4 min read
Nov 11, 2020Teach Redux to 5 years oldLearn Redux with the Bank analogy — This is a reference to a great book Understanding Redux by Emmanuel Ohans. You can follow the link and get the book. The event described in a book which can be understood very easily by any 5 years old goes something like this. Consider someone who has given you a…Programming3 min readProgramming3 min read
