It's just about the middle of October so we hope you've all given at least some thought as to what you'll be doing to celebrate or avoid Halloween this year! It's all that stands between us and Christmas.
Some popular stories this week are Syncfusion's "Entering Invalid Dates Just Got Better in Angular Apps" and "How to handle Time Zones in JavaScript" by Ravidu Perera on Bits and Pieces.
General
API Versioning Do's and Don'ts
Often when developing our APIs, we tend to ignore versioning because we're literally building the first-ever version of our service. We can worry about versioning in the future, right? Wrong.
Authored by: Bit
jQuery maintainers update and transition jQuery UI as part of overall modernization efforts
By: Michal Golebiowski-Owczarek, Felix Nagel, and the jQuery team Editor's Note: the following blog post was originally published to the OpenJS Foundation Blog . The jQuery project is actively maintained and widely implemented - it's used by 73% of 10 million most popular websites.
Authored by: jQuery
Adding Tailwind CSS IntelliSense into Neovim
The above screenshot shows Tailwind CSS IntelliSense, Linting, and Code Actions! NOTE: There is a quick video at the bottom of this post showing the usage of Tailwind CSS inside of Neovim. The Tailwind CSS team has a great extension for VS Code that provides IntelliSense to enhance development with support for autocompletion, syntax highlighting, and linting.
Authored by: Elijah Manor
Performing HTTP Requests: Fetch Vs Axios
In JavaScript, Fetch API and Axios are widely used to implement HTTP requests. But, choosing one isn't easy since they both have some unique features. In this article, I will discuss the highlights of Fetch API and Axios to see the best option for HTTP requests.
Authored by: Bit
6 Tools and Techniques to Analyze Webpack Bundle Size
BundlePhobia helps you to identify the cost and the impact of adding a new NPM package to your application. before installing a new package or a library, you can use the BundlePhobia website or the plugin to evaluate the size of the package beforehand and select the best one.
Authored by: Bit
DX, SEO, e-commerce - that's why Next.js is so popular - FrontNet Blog
The React framework Next.js has now finally reached the mainstream. We took a closer look at it and found that there are good reasons for its increasing popularity. 2021 has been a successful year for Next.js.
Authored by: FrontNet Blog
JavaScript
How to handle Time Zones in JavaScript
When building web applications, we typically consider two types of time zones. The most common one is server time, which act's as the reference for date and time tracking, which is pretty straightforward. However, there are instances where we need to track the end user's date and time.
Authored by: Bit
Heap Sort in JavaScript
In this guide, we will explore Heap Sort - the theory behind it and how to implement Heap Sort in JavaScript. We will start off with what data structure it's based on (massive foreshadow here: it's a heap!), how to perform operations on that data structure, and how that data structure can be used as means of an efficient sorting algorithm.
Authored by: StackAbuse
Quickly Populate a New JavaScript Array
This post is part of my Byte Series, where I document tips, tricks, and tools that I've found useful. Have you ever wanted to quickly build up some array items to build a game, provide sample data for a demo, generate code art, or just play around with an idea?
Authored by: Elijah Manor
JavaScript Object Immutability
Object immutability is an important concept in any programming language. It restricts object modifications and prevents unwanted changes. In this article, I will discuss how we can implement object immutability in JavaScript using freeze() and seal() methods. Before discussing freeze() and seal() methods, let's discuss object immutability in JavaScript a bit more.
Authored by: Bit
Angular
Entering Invalid Dates Just Got Better in Angular Apps
The Syncfusion Angular DatePicker provides mask support to improve the user experience while entering dates by providing month, day, and year fields. These help users enter valid dates in the correct format and also keep them from entering invalid input dates.
Authored by: Syncfusion
React
Implementing Atomic Design with React and Bit
Atomic design is a methodology for designing and developing user interfaces in a modular manner by putting the focus on building components rather than applications. Modern user interfaces are composed of many small UI elements in the form of labels, buttons, links, and cards that are combined together.
Authored by: Bit
How to create a React Dropdown
A short React tutorial by example for beginners about creating a dropdown in React. First of all, a dropdown is just an HTML select element which can be rendered in React's JSX: What may be missing is an associated label to signal the user what value is changed with this dropdown: In your browser, this dropdown can already change its select state by showing every of its values individually.
Authored by: Robin Wieruch
React Js Google Stacked Bar Chart Example Tutorial - positronX.io
In this eloquent guide, we will step by step teach you how to create a bar chart in React js application using the react Google charts library. Data visualization is easy with Google Charts; It offers a robust and profound way to visualize data on web applications.
Authored by: Digamber Singh
Links on React and JavaScript II
How To Use The Vite Build Tool with React - Vite is hot, in part, because it's based on esbuild and wickedly fast. It's from Evan You of Vue fame, but
Authored by: CSS-Tricks
Vue
VueJS: What is Vuetify? - FrontNet Blog
The emergence of new frameworks for visual component encapsulation in web applications has highlighted several other needs: routing, security, SPA and PWA support, internationalization, and of course, UI. This also applies to Vue.js, which has gained a large community in recent years and is particularly popular for web development and hybrid mobile applications.
Authored by: FrontNet Blog
Libraries and Tools
20 Best JavaScript Data Visualization Libraries
Want to turn plain numerical data into interactive and informative visualizations? Check out these JavaScript libraries to bring your data to life!
Authored by: Six Revisions by WebFX
Testing
Cypress Skills Ladder
Imagine you are trying to get a job as a test engineer with a focus on writing Cypress tests. What do you need to know? Here is what I would suggest you learn. Tip: when applying to an open position,
Authored by: Gleb Bahmutov
Top 3 mistakes every Test Automation Engineer make!
In this article, I want to talk to you guys about Top 3 mistakes that I have seen every test automation engineer makes or have made at some point in their career. So let's get started - This is one...
Authored by: JavaScript In Plain English
Functional Programming
What are Higher-Order Functions in JavaScript
The higher-order functions are useful because they allow reusability of behavior.
Authored by: Dmitri Pavlutin
React Redirect Higher-Order Component
Can you use conditional React Hooks in React components? Technically: No. However, if you know about how React Hooks work internally, you can make conditional hooks work for you. Let's take the...
Authored by: Robin Wieruch
JavaScript Callback Function -Explained in Plain English
Every JavaScript beginner will face this question at least once: "What is a callback function?" Well, we can find the answer in the word callback itself. It's all about notifying the caller after the successful completion or failure of a task. In this article, I'll focus less on the technical
Authored by: Tapas Adhikary