We have some very nice Node.js articles this week. Domagoj Kriskovic's article "Patterns for designing flexible architecture in node.js (CQRS/ES/Onion)" is definitely one of those. If you are interested in the patterns make sure to check it out.
Although most of us use one of two major NPM clients, Eric Simons built his own named "Turbo". The most interesting thing about it is that it's faster than Yarn and NPM up to 5 times. Read all about it in the article: "Introducing Turbo: 5x faster than Yarn & NPM, and runs natively in-browser".
Authored by: Sooraj Chandran
The blog of Seva Zaikov
Authored by: bloomca
How Array.isArray works, and how we can use symbols to create our own type-matching functions.
Authored by: Jake Archibald
Creational Patterns, inheritance, and Object Composition This article is the first in a series intended to explore creational patterns, one of three design categories presented by the Gang of Four (GoF) in Design Patterns. I'll be delving into several specific patterns by introducing their benefits and detriments, use cases, and best practices.
Authored by: codeburst.io
Available since IE9, DOM Ranges have been mostly advocated only as a way to select some text on the document, eventually copy it, or pollute users selections with extra content for social sharing. These use cases are great and useful ... but also half of the story. What is a Range ?
Authored by: Andrea Giammarchi
Authored by: Daniel Borowski
Authored by: Brandon Morelli
Authored by: Axel Rauschmayer
Authored by: Codesmith Staffing
When writing async functions, there are differences between await vs return vs return await, and picking the right one is important.
Authored by: Jake Archibald
A property can be unpacked from an object and assigned to a variable with a different name than the object property.
Authored by: codeburst.io
Authored by: Manoj Singh Negi
TypeScript 2.4 implemented a spelling correction mechanism for identifiers. If you slightly misspell a variable, property, or function name, the TypeScript language service can suggest the correct spelling in many cases. Let's say you want to call window.location.reload() to reload the current page in a web application.
Authored by: Marius Schulz
According to Stack Overflow's 2017 survey, Angular remains the world's most popular front-end framework. Angular's framework approach is to keep most of the magic under the hood, providing tooling and best practices on top. Angular encourages you to use components, splitting your UI into separated and reusbale pieces.
Authored by: Bit
This article should how SignalR could be used to send direct messages between different clients using ASP.NET Core to host the SignalR Hub and Angular to implement the clients.
Authored by: damienbod
Ben Nadel experiments with the dependency-injection container in Angular and confirms that a Service can be provided as both an individual injectable and as part of a multi-collection at the same time.
Authored by: Ben Nadel
We are pleased to announce version 5.1.0 of Angular. This is a minor release containing several smaller features and bugfixes. We are also releasing v1.6 of the Angular CLI, and the first stable release of Angular Material. What's new?
Authored by: Stephen Fluin
You might be wondering "is this really the best one out there?" Great question. Yes. We'll cover Inline styling, Styled Components, and CSS Modules.
Authored by: LogRocket
I'm a strong believer that premium starter kits written in React Native are the fastest way to bootstrap a new project that works on both iOS and Android.
Authored by: William Candillon
With modern browser APIs, handling large binary files is safe and effective.
Authored by: Big Nerd Ranch
To put it simply, a higher-order component is a function, that takes a component and returns a new component. I like to think of them as parameterized components. Many times I find myself creating several components with very similar logic, with only 1 or 2 changes.
Authored by: Casey Morris
For anyone who is coming from Cordava/Ionic development background, React Native would blow your mind with its easy code sharing, UI advantages, and faster time to market. React Native not only...
Authored by: Purvak Pathak
Authored by: Burke H✪lland
Did you know Aurelia introduced an else attribute a while ago which allows you to do if/else statements in your views complete with support for animation? If you have been working with Aurelia for more than a few months, then you probably have been working with if/else statements by using multiple if.bind attributes in your ...
Authored by: Dwayne Charrington
When I started collecting information about SSR (server-side rendering) with Vue, I had to get pieces from different articles as well as the official documentation to get a complete understanding of the subject. Here are some problems I found in these sources: A lot of assumptions about information that you should have, like Webpack configuration, the proper way to hook up Vue Router etc.
Authored by: Vue.js Developers
Authored by: stfalcon.com
Create with a couple of lines of code your full customized pie chart, rather than importing an 80KB library.
Authored by: ahmed mahmoud
FrintJS itself is agnostic of any rendering library. The core is primarily focused on managing its dependencies with providers, so that other tools and integrations can form around it. While the main package takes care of creating Apps with providers, we have other packages like frint-react handling React.js integration.
Authored by: Fahad Ibnay Heylaal
In this post, I've presented a project that is using CQRS and Event Sourcing patterns,organized using onion architecture and written with TypeScript. "flexible" how? I'm using the term flexible to promote an architecture which is able to adapt to different kind of environments.
Authored by: Domagoj Kriskovic
When you're developing an Android mobile application, it is critical that you come up with a nice launcher icon for all possible Android screen densities. If you're not too familiar with Android, there are mdpi, hdpi, xhdpi, xxhdpi, and xxxhdpi densities as of now. This number could change in the future.
Authored by: Nic Raboy
One popular npm package for making web requests is request. But I don't like request. Most things in node like to follow the callback pattern, and request is no exception. Well, I don't like the callback pattern. I hate callbacks.
Authored by: Matt Honeycutt
Editor's note: This is a guest post from Adam Baldwin of ^Lift Security and the Node Security Platform . As we discussed in earlier posts , Adam conducts constant security reviews of the Registry and its contents and keeps us appraised of anything that might compromise our security.
Authored by: npmbot
Back in the summer of 2015 we wrote a post on some useful tools that we were using in our Node.js projects. It's proven to be a popular post, and a lot has happened since then. We've therefore...
Authored by: Anephenix
Your application is serving requests constantly for your users. You and your team want to ship features and fixes as soon as they are ready, so you do continuous delivery. But what happens to your users who used your product at the time of the deployment?
Authored by: Gergely Nemeth
Libraries and Tools
If you know the ropes, good news! Firefox now has support for headless mode, making it easier to use as a backend to automated tools. You can jump ahead to learn how to use it. Browser automation is not a new idea, but is an increasingly important part of how modern websites are built, tested, and deployed.
Authored by: Mozilla Hacks
In this tutorial, I will show you how to build a GraphQL server with Apollo server and AdonisJS.
Authored by: Chimezie Enyinnaya
Each programmer must have come across the necessity to check user's input a number of times. Having 12-year experience in web development, I have tried my hands at dozens of libraries but didn't manage to find the one to handle all my tasks. Issue #1.
Authored by: Ellina Bereza
Authored by: matthewcp
Most developers have interacted with webpack while creating React projects and most see it as a tool for use in developing React projects rather than a general development tool. webpack is a powerful module bundler that can be very efficient if used correctly.
Authored by: Scotch Development
React is mostly used for creating Single Page Applications. But it's possible to integrate the library into any website by using Webpack and Babel. Most beginners don't know how to glue React and Webpack together so here is a short tutorial for you.
Authored by: Valentino Gagliardi
I particularly like having all async logic in one place, making it easily testable and having powerful async control flows available where necessary.
Authored by: axelnormand
Note: This is part of a talk I'm giving at Google's Mountain View campus on Wednesday, December 6th - come join ! Installs packages ≥5x faster than Yarn & NPM 🔥 Reduces the size of node_modules up to two orders of magnitude 😮 Has multiple layers of redundancy for production grade reliability 💪 Works entirely within your web browser, enabling lightning fast dev environments ⚡️ After four months of hard work, I'm excited to finally announce Turbo!
Authored by: Eric Simons
Also known as: the mad cousin of Node.js.
Authored by: Abdullah Ali
There are 3 attributes necessary for a software project to succeed: Time, Money and Quality. Time is a resource. It's necessary to build any project. Without time, nothing can be done. Because it's a limited and finite resource, the only way you can get more of it is to wait.
Authored by: Fagner Brack
Authored by: Brandon Morelli
Authored by: John Hannah
An inspirational set of demos that explores particle animations in 3D space with three.js. This type of animations could be very suitable for page loaders. This set of demos explores 3D particle animations using three.js and easing. All of the particles and shapes in these demos are made from basic geometry/material/mesh sets in three.js, such as spheres, lines, and boxes.
Authored by: Codrops