![[ERR!]](https://pbs.twimg.com/profile_images/828593972029317120/4UXq5Hmj_normal.jpg)
If you are still not sure about the direction of your JavaScript learning path in 2019E ric Elliott's article "Top JavaScript Frameworks and Topics to Learn in 2019" is a must read.
Objects are very important things in JavaScript. Find out how important exactly and what they are in the first place in "The Chronicles of JavaScript Objects" by Arfat Salman.
React developers will found "Improve React Performance using Lazy Loading 💤 and Suspense" by Chidume Nnamdi a very illuminating article. You will learn how to greatly improve your React app performance.
Finally, we recommend to check out a yearly review of our favorite framework, Aurelia on the official blog "Aurelia 2018 Year in Review".
General
A Guide to JavaScript Algorithms - Graph and Tree Traversal
A binary tree is a tree data structure where each node can only have upto two child nodes. To start, we will write a node creating function that will take the id as an argument. It will also have a left and right properties that are initially set to null.
Authored by: Bit
Recursion is not hard,Here is the right way
Recursion is one of most useful strategy which can be used in algorithm design. Therefore understanding how recursion behaves in computer programs is mandatory for all computer engineers. Recursion is not hard, whereas thinking recursively might be confusing in some cases
Authored by: 99X Technology
Background Sync with Service Workers
Service workers have been having a moment. In March 2018, iOS Safari began including service workers - so all major browsers at this point support offline options. And this is more important than ever - 20% of adults in the United States are without Internet at home, leaving these individuals relying solely on a cellphone ...
Authored by: David Walsh
Bugfix: Spelunking in Someone Else's Code
This article was first published on my blog. I love CodeSandbox. It has pretty much replaced CodePen for me unless I am fiddling around with CSS or freeCodeCamp front-end projects. I like going through the sandboxes and picking out different ones to look at, take apart, and figure out how they work.
Authored by: Tiffany White 🤨⚛️
OAuth Like a BOSS
In my previous article I talked about : An OAuth middleware for NodeJS that also happens to be a completely transparent OAuth proxy. This time around we're going to explore a few real world examples: Login from a server app, written in JavaScript. Login from a browser app hosted on GitHub Pages.
Authored by: The Practical Dev
JavaScript
The Chronicles of JavaScript Objects
Objects are the foundation of JavaScript and permeate its every aspect. everything in JavaScript is an object. In fact, only six things are not objects. They are - null ,undefined , , , , and . These are called primitive values or primitive types. Anything that is not a primitive value is an Object.
Authored by: Arfat Salman
Javascript Promise All Example | Promise.all() Tutorial
Get real time updates directly on you device, subscribe now. Javascript Promise All Example | Promise.all() Tutorial is today's topic. If you are not familiar with Javascript Promise, then check out my this Javascript Promise Example tutorial. Promise.all() method returns a single Promise that resolves when all of the promises passed as an iterable have resolved or when the iterable contains no promises.
Authored by: KrunalDLathiya
var vs let vs const in JavaScript
In this post you'll learn two new ways to create variables in JavaScript (ES6), let and const. Along the way we'll look at the differences between var, let, and const as well as cover topics like function vs block scope, variable hoisting, and immutability.
Authored by: Tyler McGinnis
TypeScript
Understanding TypeScript Basics
Typescript can be explained as a superset of Javascript. It means that every Javascript (also ES6 & newer versions) code is valid Typescript code, but Typescript comes with some additional features: In Typescript, we can define a variable's type with the strong-typing feature like we define a variable in Java or C++.
Authored by: Cem Eygi
Creating a typed "compose" function in TypeScript 3
I recently wrote a couple of small utility functions that turned into a deep ex...
Authored by: Matt Kane
Using TypeScript transforms to enrich runtime code
When I started developing no one was talking about "compiling" their JavaScript sources. Everyone just wrote a couple of scripts and referenced them directly. Over time, minification and further enhancements became the de-facto standard in web development, so doing some processing after having written the code became a fairly normal practice.
Authored by: Florian Rapp
An AssemblyScript Primer (for TypeScript developers)
A quick dive into AssemblyScript and how to use it.
Authored by: The Practical Dev
Angular
Having Fun with Mixins in Angular
In my last post I wrote about Statemanagement in Angular. At the end I wrote about a Connect Mixin I had in my mind at that time. Okay to be honest I had a Higher Order Component in mind, but that's...
Authored by: Chris Yanx
Creating a Reusable Accordion Component That Works Anywhere
Web Components is the hottest trend in web development and it's only going to gain momentum since most of the major browsers now support them. Web components are custom made tags which extend HTML's capabilities.
Authored by: Priyesh Patel
Creating A Bind-Once Structural Directive In Angular 7.1.4
Ben Nadel takes some inspiration from Vue.js and attempts to build a "bind once" structural directive in Angular 7.1.4. This *bindOnce directive can stand-alone; or, it can watch for changes in an expression, allowing for granular control over change-detection hooks.
Authored by: Ben Nadel
Create Your First Custom Angular CLI Schematic with Nx
TL;DR In this tutorial, we're going to learn the basics of Nrwl's tool Nx, as well as how to create a custom workspace CLI schematic. You can see the finished code in this repository. Note: This tutorial assumes some basic knowledge of Angular and the Angular CLI.
Authored by: Auth0
JPXGrid Listing, Filter, Pagination With Angular7
jqxgrid very trending grid plugin in web application.This tutorial help to create grid listing with pagination and sorting using jqxgrid and angular
Authored by: js-tutorials
React
Improve React Performance using Lazy Loading💤 and Suspense
Vastly improve the performance of your React apps using (React.lazy() and Suspense) We have SSR(server-side rendered) apps and CSR(Client side rendered) apps. SSR is the good old web pages built with .HTML and inlined with ASP.NEt, PHP. Each link has a different .HTML file to load Each page has a different HTML file.
Authored by: Bit
Recursive paths with React Router
Because React Router is just components, you can do crazy things like having recursive routes. In this post we'll learn how they work by breaking down the 'Recursive Paths' example on the React Router docs. Recursive routes aren't the most pragmatic thing in the world, but they really show off the benefits of React Router's component based approach to routing.
Authored by: Tyler McGinnis
React Semantic UI Tutorial for Beginners
A tutorial to guide you through styling your React application with Semantic UI. The UI library enables you to build websites with fast and concise HTML, along with a complete mobile responsive experience ...
Authored by: Robin Wieruch
Using React Central State to Simplify Your App
React-central-state is an easy-to-use React library created to help you share a common state between your components without passing state to props and minimizing re-rendering. It is available on npm and github.
Authored by: The Practical Dev
Understanding React Hooks - useState
Everything you need to know to start working with Hooks in React. With the advent of React v 16.7.0, a new feature came along with it, it is called Hook. This enables us to plug into our React apps to access features like the state of our app and other niceties like the lifecycle hooks: componentDidMount, componentDidUpdate and componentDidUnmount from our function Components without using ES6 class.
Authored by: Chidume Nnamdi
Build a Modal Component with React
I love modals because they save a lot of time required to load a new tab. In this post, we're going to learn how to create an awesome reusable modal with React from scratch.
Authored by: Bit
Aurelia
Aurelia 2018 Year in Review
2018 has been an amazing year for Aurelia! We've added long-time requested features and improvements, enabled new ways to deploy apps, shipped modern, no-hassle tooling, improved our documentation, built up financial backing, made huge advancements in our vNext implementation, and grown our core engineering team by adding six new amazing people!
Authored by: Rob Eisenberg
Vue
Seven reasons choose Vue.js in 2019
This post describes a bunch of reasons why developers might enjoy choosing Vue.js as the next JavaScript framework to learn in the coming year.
Authored by: Ross Kaffenberger
Storing and Using the Last Known Route in Vue
There are situations where keeping a reference to the last route a user visited can come in handy. For example, let's say we're working with a multi-step form and the user proceeds from one step to the next.
Authored by: CSS-Tricks
Creating A Pandora Radio Station List Animation In Vue.js 2.5.21
Ben Nadel attempts to mimic his Pandora Radio Station list animation in Angular 7.1.4, and completely fails. Then, attempts the same animation in Vue.js 2.5.21, only to find that this exact animation is supported right out-of-the-box in Vue.js and requires little-more than a few lines of code.
Authored by: Ben Nadel
Animating Elements In From A Mouse-Event Location In Vue.js 2.5.21
Ben Nadel uses both CSS and JavaScript animations hooks in Vue.js 2.5.21 in order to animate an item's "enter" transition in from the {x,y} coordinates of a user's mouse-click event. The fact that CSS and JavaScript hooks are not mutually exclusive makes for a very powerful and flexible solution.
Authored by: Ben Nadel
Node.js
Node.js architecture: 8 helpful tips
In this article, you will learn about some aspects of Node.js architecture that you can apply in your application to make your daily work easier.
Authored by: JavaScript Kicks
How to Create a Public File Sharing Service with Vue.js and Node.js
This tutorial explores how to create a public file sharing service with link shortening and file type restriction features with Vue.js, Node.js and MongoDB.
Authored by: Jscrambler
Writing an OAuth flow from scratch in NodeJS
When you search online OAuth seems intimidating; you'll find lots of useless flow diagrams, and packages like PassportJS make it seem complicated because configuration is challenging as it is. In this express example we'll authenticate with GitHub, but the same process applies to all OAuth providers.
Authored by: Dominic Tobias
Libraries and Tools
Top JavaScript Frameworks and Topics to Learn in 2019
It's that time of year again: The annual overview of the JavaScript tech ecosystem. Our aim is to highlight the learning topics and technologies with the highest potential job ROI. What are people...
Authored by: Eric Elliott
Flutter ListView Example
In this tutorial, we will see Flutter ListView Example | Displaying Dynamic Contents. Flutter is the mobile App SDK by Google which helps in creating modern mobile apps for iOS and Android using the single code base.
Authored by: KrunalDLathiya
Versatile Webpack configurations for your React application
In this post, we will look at setting up Webpack with React for generic and specific configuration needs.
Authored by: Adewale ♠️🇳🇬
Functional Programming
Functional Patterns with TypeScript
Exploring if you can have your cake and eat it to. Earlier this week, I found myself in conflict between my personal satisfaction in using TypeScript and the dissatisfaction recently expressed by a respected leader in the JavaScript community. TypeScript continues to fall flat on its face for most higher order functions.
Authored by: codeburst.io
Other
Write and Deploy Your First Serverless Function Within 10 Minutes, or Less
At first time when I was heard about serverless functions, I was super-excited. But then I realised the fact that setting it up for the first time in AWS takes a little bit of more time and effort than my expectations. Then I heard about Netlify supports lambda functions, and decided to give it a try.
Authored by: Dani Vijay
Build a Full Stack Banking Web App with Plaid & the MERN Stack
1. Create our Accounts schema In the models directory, create a Account.js file. ➜ models touch Account.js Place the following in the Account.js file. const mongoose = require("mongoose");const Schema = mongoose.Schema; module.exports = Account = mongoose.model("account", AccountSchema); 2. Create our Plaid API routes Initial Setup Let's create a plaid.js file in our api directory to hold all of our plaid-related routes.
Authored by: Bit
Let's Build Web Components! Part 7: Hybrids
Component-based UI is all the rage these days. Did you know that the web has its own native component module that doesn't require the use of any libraries? True story! You can write, publish, and reuse single-file components that will work in any* good browser and in any framework (if that's your bag).
Authored by: (((Benny Powers)))
GitHub Private Repos are Now Free and Unlimited
This is some awesome news! GitHub has always had private repositories part of their paid subscription. I believe it was capped at a few free private repos and then you had to upgrade after three or so. Now, private repos can
Authored by: Scotch Development
