Blog

Page 704 of my articles, tutorials, and thoughts

Latest Articles

Cover Image for Adding script tag to React/JSX
ecmascript-6javascript

Adding script tag to React/JSX

Published on September 2, 2023

# Adding script tag to React/JSX: A Quick Guide šŸ“šŸ’” So you've been trying to add an inline script to your React component, but it doesn't seem to work as expected? Don't worry, you're not alone! Many developers face this issue when working with React/JSX

Cover Image for Flutter: Scrolling to a widget in ListView

Flutter: Scrolling to a widget in ListView

Published on September 2, 2023

šŸ“ Flutter: Scrolling to a Widget in ListView šŸ“œ Have you ever wondered how to scroll automatically to a specific widget in a ListView? šŸ¤” Imagine you have a ListView with multiple containers, and you want to scroll to a particular container when a specif

Cover Image for React - changing an uncontrolled input
javascriptnode.js

React - changing an uncontrolled input

Published on September 2, 2023

# React - Changing an Uncontrolled Input: A Complete Guide Are you confused about React's warning message that says "MyForm is changing an uncontrolled input to be controlled"? Don't worry, you're not alone! This warning can be a bit tricky to understand,

Cover Image for How to call loading function with React useEffect only once
javascript

How to call loading function with React useEffect only once

Published on September 2, 2023

šŸ‘‹ Hey tech-savvy folks! Are you struggling with making your React useEffect hook call a loading function only once? šŸ¤” Don't worry, I've got you covered! In this blog post, I'll walk you through a quick and easy solution to this common problem. šŸ’Ŗ Before

Cover Image for React Hooks: useEffect() is called twice even if an empty array is used as an argument

React Hooks: useEffect() is called twice even if an empty array is used as an argument

Published on September 2, 2023

šŸ“ **Blog Post: React Hooks useEffect() is called twice even if an empty array is used as an argument** Are you new to ReactJS and encountering a problem where the useEffect() hook is being called twice, even with an empty array as an argument? 😩 Don't w

Cover Image for ReactJS - .JS vs .JSX
htmljavascript

ReactJS - .JS vs .JSX

Published on September 2, 2023

# ReactJS: ".js" vs ".jsx" - Unveiling the Mystery 🧐 Welcome to another exciting blog post where we'll uncover the enigma surrounding the usage of ".js" and ".jsx" files in ReactJS! šŸš€ ## The Confusion: ".js" or ".jsx" ā“ Many ReactJS beginners, just li

Cover Image for Pros/cons of using redux-saga with ES6 generators vs redux-thunk with ES2017 async/await
javascript

Pros/cons of using redux-saga with ES6 generators vs redux-thunk with ES2017 async/await

Published on September 2, 2023

# Should You Use redux-saga with ES6 Generators or redux-thunk with ES2017 async/await? There's been a lot of buzz around redux-saga lately - it's the newest addition to the Redux family and it uses generator functions for listening to and dispatching act

Cover Image for How can I update the parent"s state in React?
javascript

How can I update the parent"s state in React?

Published on September 2, 2023

# How to Update the Parent's State in React and Solve Common Issues šŸ‘‹ Hey there, tech enthusiasts! Welcome to our tech blog where we unravel complex problems and offer easy solutions! Today, we're diving into the question that many React developers have

Cover Image for Parse Error: Adjacent JSX elements must be wrapped in an enclosing tag
javascript

Parse Error: Adjacent JSX elements must be wrapped in an enclosing tag

Published on September 2, 2023

# How to Fix the "Parse Error: Adjacent JSX elements must be wrapped in an enclosing tag" Issue in React.js If you've encountered the "Parse Error: Adjacent JSX elements must be wrapped in an enclosing tag" error while working with React.js, don't worry!

Cover Image for React JSX: selecting "selected" on selected <select> option
javascript

React JSX: selecting "selected" on selected <select> option

Published on September 2, 2023

šŸ‘‹ Welcome to my tech blog! Today, we're going to tackle a common issue when working with React JSX: how to set the "selected" attribute on a selected `<select>` option. 😊 In this scenario, we have a React component for a `<select>` menu, and we need to