Everybody loves free stuff, especially as we get closer to the expensive Christmas season, so check out SharmaGourav's "10 Free Courses to Learn Node.js in 2022 — Best of the Lot" to start cashing in!
Other popular stories include Lakindu Hewawasam's "Improve React Custom Hook Debugging with useDebugValue" on Syncfusion, Sina Farhadi's "JavaScript Deep Concepts You Should Know" and "How to Use JavaScript React Components within TypeScript Code" on Bits and Pieces.
General
Going Beyond DRY: Why Code Reuse is Essential
One of the first rules that new software developers are taught is the ubiquitous "Don't Repeat Yourself" or DRY. At its most basic, it's usually applied as "If you find yourself copying and pasting a block of code, you should make that block of code into its own function".
Authored by: Bit
How to Use JavaScript React Components within TypeScript Code
TypeScript is getting popular day by day. Hence, it is the best time to begin using it if you haven't already. Chances are, our project has been developed for quite a long time. If that's the case, the great approach might be to use TypeScript to the codebase gradually.
Authored by: Bit
React & Node.js: A Deadly Combination for Web App Development
Exploring how the integration of React & Node.js is one of the best combinations for web app development.
Authored by: Shivang Jain
JavaScript
JavaScript: How to Use Call, Apply, and Bind
In this article, we will see what call, apply and bind methods in javascript, and why they exist. Before jumping into it, we need to know what is this keyword in javascript, I have already posted an article explaining it.
Authored by: Bit
JavaScript Deep Concepts You Should Know
Writing the first code in JavaScript may take around 1 day, but being deep and knowing the unknowns and background things may bring you the whole career! Other parts links will be published and pasted here when ready! In short, "Where you can access your declaration in the code called Scope".
Authored by: Sina Farhadi
The Fastest JavaScript Framework
We are talking about " Qwik", a new kind of web framework that can deliver instant loading web applications of any size or complexity and achieve consistent performance at scale. After being in development for 2 years, the framework has now reached the beta stage and is production ready with complete features, stable APIs, no blocking issues, and sufficient documentation.
Authored by: JavaScript In Plain English
How to Work with Numbers and Dates in JavaScript
Numbers, dates, and timers are important parts of JavaScript. And you'll need to know how to work with them when writing your code. We often ignore these topics as many articles don't discuss them. So here, we'll dive deep into the techniques you can use and learn some interesting things
Authored by: Kedar
Level Up Your JavaScript Skills with These Built-in Functions
Become a better developer by learning these JavaScript built-in functions: at(), map(), forEach(), and filter(). With every new update, JavaScript adds some new functionality that makes our lives as developers easier. While some of the libraries and frameworks are nice if we can leverage built-in functionality, why wouldn't we?
Authored by: vetwhocodes
Angular
A Simple Way to Load Data Before Page Load in Angular
You've probably already tried doing this in the ngOnInit function of the app.component, but realized your data needed to be loaded even sooner than that. You've also maybe tried implementing a resolver, but realized that they are a better fit in the context of individual routes.
Authored by: JavaScript In Plain English
React
Do you make this mistake with useEffect in React?
There is one hook used most commonly with the React function component. The hook is called the useEffect hook. This hook is used to tell React that your component needs to do something after rendering. There is one mistake commonly made when using useEffect.
Authored by: Bit
Improve React Custom Hook Debugging with useDebugValue
As developers, we often need to write complex code to fulfill requirements. However, there’s always a chance that our code may run into errors that prevent it from working as expected. Traditionally, we use debuggers with IDEs or browser dev tools to debug apps, but when it comes to custom React Hooks, these debugging methods are not very effective. Therefore, we need a different way of debugging custom React Hooks.
Authored by: Syncfusion
How To Use Media Queries in React - Upmostly
Media queries are used in responsive design. They are used to apply different CSS rules to different types of devices, most commonly screen sizes, but they
Authored by: Upmostly
How to Animate a React App in Less Than a Minute
Building any kind of web app requires animations to look good we can add animation by either third-party libs like Framer motion or plain old CSS but the problem is all of these options needs us to write a ton of code and define all animation timing and stuff we are going to skip all of those today and use AutoAnimate to do the animation for us.
Authored by: JavaScript In Plain English
How to Build a React Table Component
In this tutorial, I will be walking you through the various steps involved in building a React table component with Bit and you will later use that table component in a React application. This tutorial assumes NOTHING regarding your knowledge of Bit and how it works, so if this is your first time hearing about Bit you can comfortably follow along.
Authored by: Bit
How To Use Storybook With ReactJS Application? 📚 - Upmostly
In this article, we are going to learn about Component Driven Development (CDD) alongside a workshop for UI merchants to go and make their bulletproof components. Fasten your seat belts and let's drive straight into it.
Authored by: Upmostly
How to Use Props in React.js
Props are an important concept to understand in React. You use props to pass data and values from one component to another to get dynamic and unique outputs. Websites built with React like Facebook, Twitter, and Netflix use the same design patterns across many sections that just have different
Authored by: Oluwafemi Joy
How To Manage React States Like A Pro
State management is one of the most challenging parts of the application. There are tons of state management libraries out there. Understanding how to manage states so effectively that it doesn't affect your app performance is crucial. The "secret" behind excellent state management is understanding how your app maps state to the app's tree structure.
Authored by: Bit
6 Smarter Ways to Write Conditionals In React You Should Know About
In React, we often write conditional statements to display different views, Like this simple example. But when the code size of the project is large enough and there are a lot of JSX conditionals, things can quickly get out of hand. The code becomes extremely messy and poorly readable.
Authored by: fatfish
Vue
How To Pass Data From One Component to Another With Vue - Upmostly
Passing data between components is one of the basics of working with Vue; and of all front end development, for that matter. However, when you're starting out with a framework, it might get confusing trying to figure out just how to do that.
Authored by: Upmostly
Get Data From an API in a Vue Component With the Fetch API - Upmostly
If you're a web developer, chances are overwhelming you've had to fetch data from an API at some point. And if you're using the Vue framework, you might be wondering how to fetch data and save it inside a Vue component. Luckily, this is very easy to do with the native Fetch API.
Authored by: Upmostly
Node.js
Don't worry, Nobody is Replacing Node.js, not Even Bun and Even less Deno
Alright, just stop panicking for a minute, nobody is going to replace the runtime you've been using for years, so stop looking for more stable languages to learn, there is nothing wrong with...
Authored by: Bit
10 Free Courses to Learn Node.js in 2022 - Best of the Lot
The method JavaScript is developed with has been drastically transformed by Node.js. Because JavaScript runs on a screen and is mostly used within client-side verifications, graphics, and interactivity, it was formerly thought of as a client-side language. 36.42% of developers utilize libraries, modules, and tools from the Node.js ecosystem.
Authored by: JavaScript In Plain English
How to Use Embedded JavaScript (EJS) as a Template Engine in Node.js
Before we begin, let us understand what a Template Engine is. A template engine is a mechanism that enables you to use static template files in your application. It replaces the variables inside a web template file with actual values(at runtime), then transforms the template into an HTML file that is sent to the client with the dynamic data.
Authored by: Simon Ugorji