Articles, Guides & Tips
To toggle between a boolean flag in React, you can use the below custom hook that uses setState internally: Since the function returns an array, with a state and a callback function, you can use it in your component, just like you would for other built-in React hooks, like so:
This article will provide examples of react js environment variables. I would like to share with you how to get the env variable in the laravel react site. if you want to see an example of how to get environment variables in react js then you are in the right place. we will help you…
Read More “How to Get Environment Variables in Laravel ReactJS” »
To fix getFullyear() is not a function with JavaScript, we should be called getFullYear instead. For instance, we write to call start.getFullYear to return the 4-digit year number of the start date. Conclusion To fix getFullyear() is not a function with JavaScript, we should be called getFullYear instead.
Sometimes, we want to fix getFullyear() is not a function with JavaScript. In this article, we’ll look at how to fix getFullyear() is not a function with JavaScript. To fix getFullyear() is not a function with JavaScript, we should be called getFullYear instead. For instance, we write to call start.getFullYear to return the 4-digit year number of the start date. Conclusion…
Read More “How to fix getFullyear() is not a function with JavaScript?” »
Sometimes, we want to trigger a button click from another button click event with JavaScript. In this article, we’ll look at how to trigger a button click from another button click event with JavaScript. To trigger a button click from another button click event with JavaScript, we call the element click method. For instance, we write to…
Read More “How to trigger a button click from another button click event with JavaScript?” »
Several JavaScript minification technologies are used by developers to reduce code size and improve performance. Each developer, on the other hand, has their own preferences and uses a different tool. There are a lot of JavaScript minification tools out there, and each one has its own set of advantages and disadvantages, so you’ll have to…
This is a follow-up article to my previous article on Array Destructuring. Except you have an idea of destructuring, you should read it. First, let’s see why object destructuring is needed. We want to extract data from the object and assign it to new variables. Before ES6, how would this happen? See how tedious it is…
Destructuring assignment is a nice feature that comes with ES6. Destructuring is a JavaScript expression that makes it possible to unpack values from an array or properties from an object into separate variables. That is, we can extract data from arrays and objects and assign it to variables. Why is this necessary? Imagine if we…
What JSX is JSX is a syntax extension for JavaScript. Basically, it extends JavaScript so that constructs like HTML/XML can be used with JavaScript. It allows developers to use HTML syntax to compose JavaScript components. This makes it possible to have a clear and familiar syntax for defining DOM tree structures with attributes. Although it…
Read More “Important most things you should know about JSX” »
The inverse string problem is a general algorithm problem. In this article, we will consider four JavaScript solutions for that. Reversing a string is, well, reversing a string. Okay, here’s the problem statement: Write a function that reverses a string. If you pass “Teach” to the function, it should return “hcaeT” and “listen” should become…
Prior to ES6, classes have been in use in Javascript. ES6 just comes with a clean, nice-looking syntax for defining classes. It’s good to note that JavaScript’s class is just a more convenient way of creating constructor functions, which are very different from traditional classes. In this article, we will focus on: How to define…
This article discusses what local storage is and the JavaScript methods that we can use to manipulate it. What is Local Storage? Local storage is a web storage object that is available in a user’s browser. It allows JavaScript browsers to store and access data right in the browser. Basic CRUD operations (create, read, update…
There are different methods in JavaScript that you can use to search for an item in an array. The use of these methods depends on your specific use case. For instance, do you want to get all items in an array that meet a specific condition? Do you want to check if any item meets…
There are times when you don’t want to execute a function immediately. You want it to delay its execution or run repeatedly after a certain time interval. JavaScript provides us with two methods to achieve that: setTimeout and setInterval. In this article, we will discuss these two methods and how we can use them to…
Read More “How to use setTimeout and setInterval methods in JavaScript” »
A lot of shiny new features came out with ES2015 (ES6). And now, since it’s 2020, it’s assumed that a lot of JavaScript developers have become familiar with and have started using these features. While this assumption might be partially true, it’s still possible that some of these features remain a mystery to some devs….
Read More “Difference between var, let, and const in JavaScript” »