Originally posted on dev. Destructutring is act of unpacking elements in an array or object.It not only allows us to unpack but also manipulate and switch elements when you demand. Destructuring in Arrays Javascript allows you to use rest operator with destructing array to assign the rest of regular array to variable. Example of Destructing in...
Tag: javascript
Advanced JavaScript Concepts that Helped Me Get Better at Coding
Originally posted on blog.bitsrc.io JavaScript is one of the most dynamic languages out there. Multiple features are added to make the language more manageable and practical each year. In this blog post, we are going through some recent features added to the language and some tricks that you could use in a daily coding journey...
Reactive JavaScript: The evolution of front-end architecture
Originally posted on infoworld. Improving the client-side web experience means overcoming the challenges of ‘hydration,’ a fascinating engineering problem being tackled in many different ways. Let’s dive in. One of the most dynamic areas in software development today is front-end architecture. Several innovators are pushing the state of the art to devise more powerful ways...
PyScript Beta Lets You Run Python in the Browser
Originally posted on makeuseof. JavaScript has long dominated client-side web programming, but could a new Python framework shake things up? PyScript is a framework, built with Pyodide, allowing you to run Python code in a browser. It’s still in its infancy, but the dev team has recently released a beta version. Using the tool, developers...
8 great new JavaScript language features in ES12
Originally posted on infoworld. ECMAScript 2021 highlights include replaceAll(), promise.any(), AggregateError, and new logical assignment operators, for starters. Let’s dive in. The JavaScript language specification, also known as ECMAScript or ES, is a living document, modified every year in response to evolving needs. While JavaScript started as a scripting language, the ECMAScript specification overview notes that...
Learn How to Create Asynchronous Programs With JavaScript
Changing the order in which code runs can be confusing, but is vital for certain applications. Learn how to use JavaScript in a non-linear fashion. Asynchronous programming is a staple in software development. It’s hard to believe that this programming concept has only been around since the twenty-first century. The F# programming language was the...
Replace JavaScript Dialogs With the New HTML Dialog Element
Originally posted on css-tricks. You know how there are JavaScript dialogs for alerting, confirming, and prompting user actions? Say you want to replace JavaScript dialogs with the new HTML dialog element. Let me explain. I recently worked on a project with a lot of API calls and user feedback gathered with JavaScript dialogs. While I...
Move over JavaScript: Back-end languages are coming to the front-end
Originally posted on github. A NEW CROP OF SERVER-SIDE TOOLS IS MAKING IT POSSIBLE TO BUILD WEB UIS WITHOUT JAVASCRIPT. In the early days of networked computing, mainframes did all the heavy lifting: users connected to massive machines with video terminals that could do little more than send and receive text. Then in the 1970s,...
The Most Popular JavaScript Frameworks of 2022
Originally posted on makeuseof. Planning to develop in JavaScript? You need a framework of libraries for efficient coding. But which is the most popular JavaScript framework? In May 2021, Stack Overflow conducted the 2021 Developer survey to learn about what tools developers are using, how they are learning them, and their opinions. Over 80,000 developers...
Switch statements in javascript – How to refactor?
Originally posted on dev. The Switch statements are perfectly nice and majorly used in the other traditional language like C, C++, and Java. Why Switch statement? The switch statement executes different actions based on the different conditions. Of course, we can solve the above with an if-else ladder but that will make the program too much clumsy. Also,...
JavaScript Hoisting
Originally posted on dev. In this article, we are going to discuss about hoisting in JavaScript. Hoisting, is a process that happens during the creation of execution context, which will move the declarations of variables and functions up to the top of the context. Let’s start with an example: hello(); function hello(){ return "Hello World";...
Write better code with these 5 JavaScript features
Originally posted on dev. JavaScript is one of the most popular computer languages of all time, one of the reasons for this is the highly intuitive syntax of JavaScript. That’s not even the best part, the best part is that a lot of new features are added to the language regularly. Today we will see...
Frontend Developer Resources 2022
Originally posted on dev. I don’t know if I’ll keep doing this every year, but I did one of these in 2020, and that post got some good signal, so I renamed it to Frontend Developer Resources 2020, which brings us to Frontend Developer Resources 2022. Oops, I missed 2021. Technically we’re still in 2021,...
Start Testing Your JavaScript Code with Jest
Originally posted on dev. Why should we write tests for our code? When there are more than one developers making changes actively to the code base, issues and bugs tend to arise. It is also difficult to troubleshoot on who commited the buggy code, or exactly what is the root cause of the bugs. Therefore,...
How To: Build A Simple Search Bar in JavaScript
Originally posted on dev. Hi Everyone! Today, we will be walking through how to build a functional, yet very simple search bar in JavaScript. This mini project will also utilize CSS and HTML. 💭💭💭💭💭💭💭💭💭💭💭 Let’s look at our goals: Creating Base Files Building out the Basics of the HTML File Creating Simple Data Establishing Event...
Node.JS: Looking under the hood
This course intends to give an introduction to Node.js for those who have had no previous experience or exposure to this platform. It is a 9-hour hands-on course covering the core principles and fundamentals topics in Node.js. How it works and how to use it to build server side applications with JavaScript. Read more and reserve a seat
20 Killer JavaScript One Liners
Originally posted on dev. Hello Folks 👋 This is Savio here. I’m young dev with an intention to enhance as a successful web developer. I love building web apps with React. I have proved my superiority in frontend technologies. Today, I’d like to share 20 Killer JavaScript one liners to make your life easier. Let’s...
The (Most Comprehensive) JavaScript Design Principles Guide
Originally posted on dev. The (Most Comprehensive) JavaScript Design Principles Guide As JavaScript developers we strive towards clean, healthy, and maintainable code. We strive towards solving challenges eloquently. While these challenges may each, within themselves, be unique – we don’t necessarily require unique solutions for each individual one of these new challenges we face. If...
React is Just Javascript
Originally posted on dev. Let’s start this post with a simple function in Javascript. function App(){ console.log('Hello World'); // logs 'Hello World' } App(); In the above code snippet, the function call on line no 5 calls the App function which outputs ‘Hello World’ in the console. Let’s React! React is simply Javascript. A component defined in React is...
15+ Fantastic React UI Libraries to Consider for your Project
Originally posted on dev. React is a very popular JavaScript library for building User Interfaces. Using React makes the process of building UIs very simple but you know what makes the process even easier? Using an already-made library. Here are over 15 popular React libraries you might want to consider using for your project: Blueprint Blueprint is...