![[ERR!]](https://pbs.twimg.com/profile_images/828593972029317120/4UXq5Hmj_normal.jpg)
It's a popular week for "How To's" this week! Let's kick off with "How to create an Authentication System using JWT and Node.js" by Ram Potabatti and "How to Build Restful APIs with Node.js, Express and MySQL" by Jaykrishnareddy.
If you're developing apps, have a look at Andrew Baisden's "How to Build Cross-Platform Apps Using React, React Native and Redux" and Janaka Ekanayake's "Web Share API for Modern Web Apps" on Bits and Pieces.
General
Web Share for Modern Web Apps
Have you ever come across the Web Share API? At least many of you may have heard of the term. Web Share API was out there for some time now. However, the initial support for Web Share API was limited...
Authored by: Bit
Server-Push in HTTP/2 with Express js
The problem with this is the server pushes the file every time the path is requested, even when the browser has cached them. And that is just one of the issues. To use server-push optimally for performance, some guidelines have to be followed. See Rules of Thumb for HTTP/2 Push for the details.
Authored by: JavaScript In Plain English
Web vs native - make the right choice in 2021
What platform should you develop for in 2021? Is Web the definite future and answer for everything? 🤔 #webdev #webdevelopment #javascript #typescript #reactjs #flutter #reactnative #nativescript #programming
Authored by: areknawo
Text Outline Animation with Three.js
Learn how to code the text outline effect seen on cornrevolution.com using Three.js with some GLSL. In this ALL YOUR HTML coding session you'll learn how to code the text outline effect seen on cornrevolution.com with Three.js and some GLSL. The original website was created by Resn.
Authored by: Codrops
Implementing Redux from Scratch
User interaction dispatches an action --> The reducer updates the state based on the action --> Subscribed components update the UI based on the new state. Let's consider the following app: This is a just clean example of a Redux-based application. There is only one simple component that is connected to the Redux cycle (c ounter).
Authored by: Ayush Verma
JavaScript
An Introduction to LinkedList Operations in JavaScript
The Wikipedia definition is as follows: In computer science, a linked list is a linear collection of data elements whose order is not given by their physical placement in memory. Instead, each element points to the next. It is a data structure consisting of a collection of nodes which together represent a sequence.
Authored by: JavaScript In Plain English
50 JavaScript Output-related Interview Questions
Answer - 10 Explanation - With the var keyword, you can declare multiple variables with the same name. The variable will then hold the latest value. You cannot do this with let or const since they're block-scoped. Answer - undefined and ReferenceError Explanation - Within the function, we first declare the name variable with the var keyword.
Authored by: Ayush Verma
JavaScript Append to Array: a JS Guide to the Push Method
Sometimes you need to append one or more new values at the end of an array. In this situation the push() method is what you need. The push() method will add one or more arguments at the end of an array in JavaScript: let arr = [0, 1, 2, 3]; arr.
Authored by: Il Mago
Object.entries
Navigating and managing data structures is a really important skill for every level of engineer to have and improve upon. Over the years, the JavaScript language has continued to provide more methods for managing data structures, from Object.keys to Object.values and so on. One of my favorites is Object.entries, an API that provides the keys ...
Authored by: David Walsh
How the Stack Data Structure Works in JavaScript
The stack data structure is great in tracking things in an order that allows you to trace back to the origin. When you control-z or undo something, click the back or forward browser button - when your code editor tells you are missing a closing parenthesis on line 13 - you may be dealing with some sort of stack data structure.
Authored by: Before Semicolon
How to Interchange Promises with Async/Await in JavaScript
From my blog. One of the things that makes JavaScript so powerful is the way it handles asynchronous behavior. From the very beginning, JavaScript has used callbacks as a way of handling a response that may take a while to complete, without preventing your program from continuing to process other logic.
Authored by: davidfekke
Big O Performance of Arrays and Objects in JavaScript
The efficiency of the program would be directly relying on Time Complexity when we deal with a huge amount of data to perform operations like searching, sorting, access, insertion and removal of an element. We could selectively use objects and arrays based on the need to enhance the performance.
Authored by: JavaScript In Plain English
Angular
Create Ionic 5 Angular Blog Site using WordPress REST API - positronX.io
How to Consume WordPress REST API in Ionic 5 Angular App? This comprehensive tutorial will explain how to create a basic Ionic 5 Angular blog app using the WordPress REST API through the HTTP client module API. WordPress is not just a name but a vast locus of small and large websites; Ideally, almost half [...]
Authored by: Digamber Singh
Create and Deploy a PWA with Angular: Step by Step Guide
This tutorial uses Bit's stable version. Bit's latest beta release ("Bit Harmony") has changed quite drastically. Find out more about it in the docs here. Progressive Web Applications (PWAs) are an exciting piece of technology that has the potential of transforming the way we develop web and mobile apps.
Authored by: JavaScript Kicks
Using The URL As The Source Of Truth During Search In AngularJS 1.2.22
As of late, I've been building-out a number of Search-style pages at InVision in our legacy AngularJS platform. These search pages tend to include an open-ended keyword search in addition to several discrete filters that can be applied in parallel.
Authored by: Ben Nadel
React
What Every React Developer Should Know About State
One of the most important concepts for every React developer to understand is state - what it is, how to properly use it, and how to avoid common pitfalls as you build your applications. Let's cover five of the most essential parts of state that you need to know.
Authored by: Reed Barger
The Complete Guide to Hosting your React App on Firebase
How does it feel accessing Instagram from any where you want without any headache? Amazing right! Every web application out there emerges from a local host or production environment before it's brought to life online. In this tutorial, we'll be hosting your React app to firebase, for easy access whenever and wherever you want.
Authored by: Favour Agbejule
React Server Side Rendering with ReactJS.NET
Traditionally React server-side Rendering (SSR) or React DOM Server is introduced to render React elements in index.html for the initial page load. This allows the user to see something meaningful even before React starts to bootstrap in the browser. Besides, React Server Components (SC) is also around the corner to render React Components on the server-side on demand.
Authored by: Bit
Vue
How to Upload Files to an S3 Bucket in a Vue.js App and Save to MongoDB (A Beginner's Guide)
While building web applications, your users may need to upload files on the front-end. To view those files, you would need to implement an API and a database on the back-end to receive them. With the Node.js framework Express and the middleware Multer, you can establish file and image uploads in one setting.
Authored by: Faithful Ojebiyi 🗯️
A Guide to Vue 3's New Features and Changes
The Vue 3 Team has released an alpha version for developers so that they can use some of the features dispatched with Vue 3. It cannot be used in production. But it is always good to learn new features and figure out the bugs that should be resolved.
Authored by: MUHAMMAD AFZAAL..
Node.js
How to create an Authentication System using JWT and Node.js
In this tutorial, you will learn everything about how you can use JSON Web Tokens (JWT) in Node.js to authenticate users. If you are not familiar with JWT, you can follow the link here - this explains everything about JWT with many interesting examples.
Authored by: JavaScript In Plain English
How to Build Restful APIs with Node.js, Express and MySQL
In this article, we are going to cover how to build APIs with Node.js, Express and MySQL. In this article, we are going to cover how to build APIs with Node.js, Express and MySQL. As we all know, JavaScript is the most popular language because we can easily build both front-end and back-end services with it.
Authored by: JavaScript In Plain English
Testing
Flaky Tests: Getting Rid Of A Living Nightmare In Testing
Unreliable tests are a living nightmare for anyone who writes automated tests or pays attention to the results. Flaky tests have even given folks nightmares and sleepless nights. In this article, Ramona Schwering shares her experiences to help you get out of this hell or avoid getting into it.
Authored by: Smashing Magazine
Functional Programming
How to Deploy Dynamic Cloud Functions in React and React Native with Easybase
Cloud functions are stateless, single-purpose code snippets that can be invoked programmatically or through other event-driven processes. These code snippets are not built into your application, as a traditional function would be. Rather, they are stored in a cloud container that is maintained by a provider. They can be edited
Authored by: freeCodeCamp.org
Solving a Mystery Behavior of parseInt() in JavaScript
parseInt() is a built-in JavaScript function that parses integers from numerical strings. For example, let's parse the integer from the numeric string '100': As expected, '100' is parsed to integer 100. parseInt(numericalString, radix) also accepts a second argument: the radix at which the numerical string argument is.
Authored by: Dmitri Pavlutin
