![[ERR!]](https://pbs.twimg.com/profile_images/828593972029317120/4UXq5Hmj_normal.jpg)
It might be April Fools Day today but there were definitely fewer pranks doing the rounds! There are decidedly more important things to focus on during this lockdown. Speaking of being locked down, JS VidCon will be bringing a virtual conference to a living room near you in early May and they're calling for speakers. If you're available, interested and wanting to impart some wisdom to your fellow developers, check out "Come speak at JS VidCon - Virtual Conference for Developers."
In other news, semaphore gives us the low down on what React Native is, how it can benefit your company, and when it makes sense to use it instead of building native Android and iOS applications in "What Is React Native? The Rise of Hybrid Mobile Apps."
General
Come speak at JS VidCon - Virtual Conference for Developers
Come speak at JS VidCon - a virtual conference where developers from all over the world can share and gain knowledge from the comfort of their own home/office, featuring 4 tracks: Angular, React.js, Vue.js and Node.js. Each track will include 12 hours of talks + Q&A sessions by internationally acclaimed speakers from all over the world. The streaming will begin on May 7th, 2020, at 2 PM (GMT 0:00) CFP closes on April 10th.
Authored by: JS VidCon
Developing a Highly Scalable Web Event Tracker using AWS CloudFront
Learn about AWS CloudFront's cost-effective and unorthodox approach to tracking user behavior. Today, tracking user behavior on a website has become a norm to improve user experience. However, building an application to track user behavior is not that simple. It involves dealing with a large amount of data with a small payload.
Authored by: Bit
Common gotcha with promises
Understand the issue with using multiple .then calls chained together with nested async code. Can you predict the output of the below code? the output comes as You might have expected it to be The key point to understand is that: When you attach multiple .then handlers, it's not guaranteed that each .then handler will be called only after previous .then handler finishes if there is additional async code inside the handler.
Authored by: gitconnected
How to Use the Web Storage API
localStorage is a Storage object. Type localStorage in your console and hit enter, you will see a Storage printed. Expanding the Storage object. We will see that it inherits from the StoragePrototype that has methods and property: These are the methods localStorage uses to store and retrieve data from its store.
Authored by: Bit
JavaScript
Introducing the JavaScript Delete Operator
The JavaScript delete operator removes a property from an object. It will release all references to objects that the deleted property held. In this article, we'll look at how to use the delete operator and how it acts in different cases.
Authored by: John Au-Yeung
Why for...of Loop in JavaScript is a Gem
for...of cycle in JavaScript iterates arrays, maps, sets, array-like objects, iterables, plus supports in-place destructuring.
Authored by: Dmitri Pavlutin
How to implement loose coupling, high cohesion in JavaScript
For this example, I have started a little game library, that will use the HTML canvas to draw certain shapes. To demonstrate these principles I will be drawing shapes onto the canvas, such as a circle and a square. First, let's start by showing a class that implements everything in an unmaintainable way.
Authored by: JavaScript in Plain English
Amazing Javascript Game Source Codes for Free
In this article we will share the code to make simple games with Javascript programming language. The games code can... | Web design web development news, website design and online marketing. Web design, development, javascript, angular, react, vue, php, SEO, SEM, web hosting, e-commerce, website development and search engine optimization, social media management.
Authored by: MA-NO WebDesign&Dev
Being a JS Developer, this is What Keeps Me Up at Night.
Here, I will discuss some of the most complicated aspects of JavaScript and their possible solutions. JavaScript is an oddball of a language. It is inspired by Smalltalk and uses a C-like syntax.
Authored by: Bit
TypeScript
TypeScript 101: Understanding the basics in 3 minutes!
Learn the basics like types, classes, interface generics and more! Get your hands dirty with TS in [const minutes : number = 3] So, there has been a lot of buzz surrounding typescript for quite a while now. Especially since Angular started using TypeScript as its primary language. Now, you...
Authored by: Pranav Bhatia
Become an Expert in TypeScript Using Generics
Have you ever written functions that do the exact same thing and you have to repeat the code just to support multiple types? If your answer is yes, there is a solution for that code duplication using generics ! Generics is the way typescript (and many other languages) that allow you to develop more reusable code.
Authored by: gitconnected
Angular
Angular 9: What's New?
Angular v9 is here! Along with it, we now get Ivy, the default compiler that can reduce bundle size, improve debugging, and much more. It's been almost three years since Angular released an update this large (ironic, since this update makes the code smaller!), and we can see it's been worth the wait.
Authored by: John Papa
How To Globally Update to Latest Angular 9 Version? - positronX.io
In this tutorial we are going to get the answer for how to update Angular CLI to the latest version, the current latest Angular version is 9. How to Check Installed Angular CLI Version? Let's get started. Following steps need to take, to update the Angular CLI to latest version 9.
Authored by: Digamber Singh
React
What Is React Native? The Rise of Hybrid Mobile Apps
React Native lets you develop iOS and Android apps by applying your JavaScript skills. Learn more about how it works and when it makes sense to use it.
Authored by: Semaphore
11 Useful Custom React Hooks for Your Next Web App
Top 11 recommended ReactJS custom Hooks - with examples. Custom hooks leverage the power of React hooks to add additional functionality to our React apps. Since the release of the React Hooks, there has been an explosive growth of custom hooks, thousands of React devs all over the world have churned out hundreds of custom hooks that simplify most of the arduous and boring tasks we do in React projects.
Authored by: Bit
5 Recommended ReactJS Tips and Best Practices
React is something every front-end developer should have in their tool belt. Some new concepts need to be learned, and a few things we used to apply in traditional MVP apps need to be unlearned...
Authored by: Bit
ReactJs future from the upcoming features⚛️
R eact Conf 2019 was held in October this year, and the content quality is still as high as ever. If you want to learn more about front-end or React, this conference must not be missed.
Authored by: Frontend Weekly
How to Build a Simple React app With Express API
Have you ever wanted to build React app with Express API? This tutorial will show you how. You will learn how to create a simple React app and how to fetch data from different API endpoints. Then, you will learn how to build API with Express.js, how to create controllers and routes and how to implement them.
Authored by: Alex Devero
Using Tailwind CSS with Create React App
I've been hearing a lot about Tailwind CSS lately and I wanted to give it a try, but I wanted to combine Tailwind with Create React App. In this post I'll show you how to use Create React App with Tailwind CSS in just a couple quick minutes.
Authored by: Dave Ceddia
Measure Performance with the New React Profiler Component
Learn how to monitor your components' performance with the new ReactJS Profiler component. Over the years React has evolved drastically. We have seen the addition of awesome features like memorization ( React.memo), SSR, React.lazy, suspense, and hooks. Now, a new toy is available for us to play with, the Profiler component.
Authored by: Bit
Vue
Building Vue Enterprise Application: Part 1. Entities
Applying Principles of Clean Architecture to Enterprise Frontend Application Intro Requirements Analysis Tests first (TDD) Improving tests Finally, some production code! Conclusion How we determined in the previous post, Entities are the center of the application. They possess the most precious treasure: Business Rules. They know everything about the domains of the app.
Authored by: Greg Solo
Vue.js Components - Listeners , References, and Templates
Vue.js is an easy to use web app framework that we can use to develop interactive front end apps. In this article, we'll look at programmatic event listeners, recursion, circular references, and alternative ways to define templates. In addition to emitting events with $emit and listening to them with v-on , Vue also provides other methods in its event interface.
Authored by: John Au-Yeung
7 Great Vue3 Tutorials and Resources to Start Learning Today
With all these extra time being at home, it's a great opportunity to learn new skills. For Vue developers, one of the most useful things we can do right now is to start getting familiar with the biggest changes coming to Vue3.
Authored by: matt maribojoc 🇵🇭
Building a VueJS DatePicker Component - A Vue3 Tutorial
Well designed inputs are a great way to boost the conversion rate of your forms. They can make your site appear more professional, trustworthy, and will allow visitors to complete forms quicker. In this tutorial, we'll be building a basic DatePicker component that you can easily style and tweak to match your own project.
Authored by: matt maribojoc 🇵🇭
Node.js
Implementing AES Encryption in Node.js and C# from Scratch
A simple guide on implementing AES Encryption in Node and C# We need data encryption to secure our data while transmitting between microservices or to clients. It prevents others learn about our data. To implement end-to-end encryption, we need to make sure only the sender and the receiver can read the message transmitted.
Authored by: Kevin Mun
Libraries and Tools
10 Recommended React Form Libraries
Form libraries are a great way to avoid rewriting tedious and boring code while enjoying (most often than not) better code than what we'd probably deliver (not because of our coding skills but...
Authored by: Bit
9 Top JS Gaming Engines and Libraries for 2020
Although AAA game companies aren't using JavaScript as one of their main programming languages, the idea of Game Development using JavaScript is not a crazy one. In fact, in the last few years...
Authored by: Bit
Functional Programming
Functional Programming tricks for simplifying and improving code
Functional Programming can make your code simpler. Simplicity means that the code is easy to read and understand, testable, and maintainable. In this article, I describe some of the Functional Programming (FP) tricks you can use to make your code better by making it simpler. Functional Programming favours immutability.
Authored by: gitconnected
JavaScript Algorithm: Soccer Goal Totals
We are going to write a function called goals that will take in three integers, laLigaGoals, copaDelReyGoals, and championsLeagueGoals, as input. So there is a soccer player named Lionel Messi that is known to score goals in the following leagues: LaLiga, Copa del Rey, Champions hence the argument names.
Authored by: JavaScript in Plain English
