Implementing SOLID and the 'Onion' Architecture in Node with TypeScript and InversifyJS - http://bit.ly/2F83rgB
#nodejs
#nodejs
DEV Community
Implementing SOLID and the onion architecture in Node.js with TypeScript and InversifyJS
The onion architecture is a software application architecture that adheres to the SOLID principles. It uses the dependency injection, and it is highly influenced by the Domain Driven Design (DDD) principles and some functional programming principles.
Yarn vs npm: The State of Node Package Managers
An update of a previously popular post looking at the current state of Node package managers and when you might pick a certain one. - http://bit.ly/2HO4JmA
#npm #yarn
An update of a previously popular post looking at the current state of Node package managers and when you might pick a certain one. - http://bit.ly/2HO4JmA
#npm #yarn
RisingStack Engineering - Node.js Tutorials & Resources
Yarn vs npm - which node package manager to use in 2018? | @RisingStack
Yarn vs npm : Let's take a look at the state of Node.js package managers in 2018. What's the difference? Should you use yarn or npm? What's the alternative?
Write Your Own Promise Library from Scratch
Async/await is based on promises, so understanding this popular async primitive is a must. - http://bit.ly/2F64MET
#javascript
Async/await is based on promises, so understanding this popular async primitive is a must. - http://bit.ly/2F64MET
#javascript
The Code Barbarian
Write Your Own Node.js Promise Library from Scratch
How to Create a Card Layout Using CSS Grid Layout
Abbey Fitzgerald demonstrates how easy it is to create responsive, repeatable card content layout using CSS Grid. - http://bit.ly/2HLLKJ0
#css #grid
Abbey Fitzgerald demonstrates how easy it is to create responsive, repeatable card content layout using CSS Grid. - http://bit.ly/2HLLKJ0
#css #grid
Layout | Creative content for designers, developers, & marketers
How to create a card layout using CSS Grid Layout
The perfect layout is just a few steps away, and we have everything you need to get started. Using CSS Grid Layout, you can create your ideal framework!
Node Can Now Do HTTP/2 Push
An update on the moves towards lifting the ‘experimental’ flag on Node’s HTTP/2 implementation. - http://bit.ly/2HmEDr2
#nodejs #http2
An update on the moves towards lifting the ‘experimental’ flag on Node’s HTTP/2 implementation. - http://bit.ly/2HmEDr2
#nodejs #http2
Medium
Node.js can HTTP/2 push!
This article was co-written by Matteo Collina, a Technical Steering Committee member of Node.js and Principal Architect @nearForm, and…
Optimizing React: The Virtual DOM Explained
A beginner-friendly intro to React’s internals that attempts to demystify JSX and explain how React makes rendering decisions. - http://bit.ly/2F8d3Ib
#react
A beginner-friendly intro to React’s internals that attempts to demystify JSX and explain how React makes rendering decisions. - http://bit.ly/2F8d3Ib
#react
evilmartians.com
Optimizing React: Virtual DOM explained—Martian Chronicles, Evil Martians’ team blog
Learn about React's Virtual DOM and use this knowledge to speed up your applications. In this thorough beginner-friendly introduction to framework's internals, we will demystify JSX, show you how React makes rendering decisions, explain how to find bottlenecks…
Understanding the Buffer Deprecation in Node.js 10
Shipping in Node.js 10 is a relatively uncontroversial fix for an extremely controversial issue in Node - use of the Buffer constructor. - http://bit.ly/2vGEbOX
#nodejs
Shipping in Node.js 10 is a relatively uncontroversial fix for an extremely controversial issue in Node - use of the Buffer constructor. - http://bit.ly/2vGEbOX
#nodejs
Lazy Loading Images and Video
Looking to improve initial page load time and lower per-page payload? This guide on has plenty of pointers on lazy-loading techniques, libraries and gotchas to watch out for. - http://bit.ly/2JhfoTL
#images #lazy #loading
Looking to improve initial page load time and lower per-page payload? This guide on has plenty of pointers on lazy-loading techniques, libraries and gotchas to watch out for. - http://bit.ly/2JhfoTL
#images #lazy #loading
Google Developers
Lazy Loading Images and Video | Web Fundamentals | Google Developers
If your site has a ton of images and video, but you don't want to cut down on any of it, lazy loading might be just the technique you need to improve initial page load time and lower per-page payload.
How CSS Works: Parsing & Painting CSS in the Critical Rendering Path
Benjamin Johnson explains in detail how CSS gets rendered to the screen on initial page load. - http://bit.ly/2KltPYi
#css
Benjamin Johnson explains in detail how CSS gets rendered to the screen on initial page load. - http://bit.ly/2KltPYi
#css
LogRocket
How CSS works: Parsing & painting CSS in the critical rendering path
You can spend as much time as you want optimizing your app, but it doesn’t matter if your users bounce before the page even loads.
Best Practices with CSS Grid Layout
Now that CSS Grid development is becoming mainstream, developers are looking for good rules of thumb - Rachel Andrew looks at both best practices but also some things you probably don’t need to worry about. - http://bit.ly/2HSfTUB
#css #grid
Now that CSS Grid development is becoming mainstream, developers are looking for good rules of thumb - Rachel Andrew looks at both best practices but also some things you probably don’t need to worry about. - http://bit.ly/2HSfTUB
#css #grid
Smashing Magazine
Best Practices With CSS Grid Layout
In some ways, we are all still so new to CSS Grid Layout. A lot of folks keep asking about best practices that are available out there. Rachel Andrew ran a survey and shares the results as well as her thoughts in this article.
Scroll to the Future: Scrolling on the Modern Web
A whirlwind tour of the latest CSS and JavaScript features that make navigating around a single page smooth, beautiful and less resource-hungry. - http://bit.ly/2K6sx3l
#css
A whirlwind tour of the latest CSS and JavaScript features that make navigating around a single page smooth, beautiful and less resource-hungry. - http://bit.ly/2K6sx3l
#css
evilmartians.com
Scroll to the future—Martian Chronicles, Evil Martians’ team blog
Everything you always wanted to know about implementing scrolling but were afraid to ask. We have scrolled to the bottom of modern web specifications to take you on a whirlwind tour of latest CSS and JavaScript features that make navigating around a single…
React In Patterns: A Free Book Covering React Design Patterns
Available in numerous formats or on the Web, it includes techniques for composition, data flow, dependency management, etc. - http://bit.ly/2KjsKjH
#react
Available in numerous formats or on the Web, it includes techniques for composition, data flow, dependency management, etc. - http://bit.ly/2KjsKjH
#react
GitHub
krasimir/react-in-patterns
react-in-patterns - A free book that talks about design patterns/techniques used while developing with React.
webpack 4.6 Released with Prefetch/Preload Support
Preloading can bring down the number of round-trips needed to load a page, while prefetching can speed up future navigations. Here’s how it works. - http://bit.ly/2vV8PnU
#webpack
Preloading can bring down the number of round-trips needed to load a page, while prefetching can speed up future navigations. Here’s how it works. - http://bit.ly/2vV8PnU
#webpack
Medium
<link rel=”prefetch/preload”> in webpack
webpack 4.6.0 adds support for prefetching (and preloading).
Creating Your Own Router for Vue.js
Probably you’ve been using routers in the frontend world for a while, but… have you ever written one by yourself? Do you know the foundations of a router? It might seem like it just works, but under the hood, a router must take care of several things - http://bit.ly/2HYNGhI
#vue
Probably you’ve been using routers in the frontend world for a while, but… have you ever written one by yourself? Do you know the foundations of a router? It might seem like it just works, but under the hood, a router must take care of several things - http://bit.ly/2HYNGhI
#vue
Vue.js Tutorials
Creating Your Own Router for Vue.js - Vue.js Tutorials
Probably you’ve been using routers in the frontend world for a while, but… have you ever written one by yourself? Do you know the foundations of a router? It might seem like it just works, but under the hood, a router must take care of several things.
A router…
A router…
Replace Animated GIFs with Video
Animated GIFs can be huge but in this guide we see how to curb that bloat by replacing them with MPEG-4 and WebM video sources that work in most browsers. - http://bit.ly/2HHgWGp
#frontEnd
Animated GIFs can be huge but in this guide we see how to curb that bloat by replacing them with MPEG-4 and WebM video sources that work in most browsers. - http://bit.ly/2HHgWGp
#frontEnd
Google Developers
Replace Animated GIFs with Video | Web Fundamentals
| Google Developers
| Google Developers
Everyone loves animated GIFs. The only problem is that they can be massive, often weighing in at several megabytes. In this guide, you'll learn how to curb the bloat caused by animated GIFs by replacing them with MPEG-4 and WebM video sources!
WebGL2 Fundamentals: Learn WebGL 2.0 from the Ground Up
Lots of depth, inline examples, etc. - http://bit.ly/2KnzBZx
#webGL
Lots of depth, inline examples, etc. - http://bit.ly/2KnzBZx
#webGL
webgl2fundamentals.org
Learn WebGL2 from the ground up. No magic
Build a React Native YouTube Replica
How to build a YouTube type of app using React Native, React Navigation and the YouTube API. - http://bit.ly/2K8wynW
#reactNative
How to build a YouTube type of app using React Native, React Navigation and the YouTube API. - http://bit.ly/2K8wynW
#reactNative
Medium
React Native YouTube Replica
Let’s Build YouTube