React Toastify: App Notifications Made Easy
A ‘toast’ notification is a small popup style of notification that’s popular in webapps. This library brings such notifications to your own app and gives you a lot of control over how they work (you can even display another React component inside the notification). - http://amp.gs/ODnA
#react
A ‘toast’ notification is a small popup style of notification that’s popular in webapps. This library brings such notifications to your own app and gives you a lot of control over how they work (you can even display another React component inside the notification). - http://amp.gs/ODnA
#react
fkhadra.github.io
Notify your user with ease using react-toastify
React Toastify let you notify your user from any component. It's very easy to use. If you don't want to waste time, this component is for you !
How to Create a Secure Node.js GraphQL API
This GraphQL tutorial outlines how to create an API for use in Node projects and examines how it compares to REST-based solutions. - http://amp.gs/Ou8v
#nodejs #graphql
This GraphQL tutorial outlines how to create an API for use in Node projects and examines how it compares to REST-based solutions. - http://amp.gs/Ou8v
#nodejs #graphql
Toptal Engineering Blog
How to Create a Secure Node.js GraphQL API | Toptal®
This GraphQL tutorial outlines how to create an API for use in Node.js projects and examines how it compares to REST-based solutions.
Task Management Application Using Vue.js
Now in this article, you will learn how to build a Task Management App similar to Trello using Vue.js. - http://amp.gs/Oucx
#vue
Now in this article, you will learn how to build a Task Management App similar to Trello using Vue.js. - http://amp.gs/Oucx
#vue
Medium
Task Management Application Using Vue.js — Part 1
Thinking in components — Task management app example
How to Section Your HTML
A valuable deep-dive into HTML’s various semantic sectioning elements (such as <nav>, <section> and <aside>) with pointers on when it's appropriate to use them, and how. Worth bookmarking for future reference. - http://amp.gs/OJag
#html
A valuable deep-dive into HTML’s various semantic sectioning elements (such as <nav>, <section> and <aside>) with pointers on when it's appropriate to use them, and how. Worth bookmarking for future reference. - http://amp.gs/OJag
#html
CSS-Tricks
How to Section Your HTML | CSS-Tricks
👋 It has been brought to our attention in the comments (and on Twitter) that some of the techniques used in this article result in a poor user
A Guide to Angular 8's Differential Loading Feature
Angular 8 is here! Learn all about one of its coolest new features: differential loading. Differential loading lets you serve up different bundles to different browsers and make your application even faster! - http://amp.gs/O0ib
#angular
Angular 8 is here! Learn all about one of its coolest new features: differential loading. Differential loading lets you serve up different bundles to different browsers and make your application even faster! - http://amp.gs/O0ib
#angular
Auth0 - Blog
A Guide to Angular 8's Differential Loading
Angular 8 now sends separate bundles to legacy browsers by default. Learn more about this new Angular feature, differential loading, in this article.
DOM Element Dimensions and CSS Transforms
Louis Lazaris shows how to retrieve correct DOM element’s dimensions when it has a CSS transform applied to it (scale, skew, translate, and rotate). - http://amp.gs/OKrj
#css
Louis Lazaris shows how to retrieve correct DOM element’s dimensions when it has a CSS transform applied to it (scale, skew, translate, and rotate). - http://amp.gs/OKrj
#css
Impressive Webs
DOM Element Dimensions and CSS Transforms
A look at the technical reasons for the variations in element dimensions via JavaScript, particularly when using CSS transforms.
A Gentle Introduction to Web Components
Web Components (aka, custom elements) allow you to implement reusable components with only HTML, CSS and JS. Here’s how to build your first, and how to use them in your apps. - http://amp.gs/O3vt
#webcomponent
Web Components (aka, custom elements) allow you to implement reusable components with only HTML, CSS and JS. Here’s how to build your first, and how to use them in your apps. - http://amp.gs/O3vt
#webcomponent
www.robinwieruch.de
Web Components Tutorial for Beginners [2019]
In this Web Components tutorial, you will learn how to implement your first web component (custom elements) with HTML, CSS, and JavaScript. It is aimed at beginners who haven't used web components before ...
Spotlight: A New Lightbox Gallery Library
It’s been years since we’ve linked to one of these (2 actually, when we linked to lightgallery.js, which remains a good option). - http://amp.gs/O3st
#component
It’s been years since we’ve linked to one of these (2 actually, when we linked to lightgallery.js, which remains a good option). - http://amp.gs/O3st
#component
GitHub
nextapps-de/spotlight
Web's most easy to integrate lightbox gallery library. Super-lightweight, outstanding performance, no dependencies. - nextapps-de/spotlight
Node vs Python 3: Which Is Fastest?
Spoiler.. it’s Node.js by a long shot! If you haven’t checked out the ‘Alioth’ Computer Langauge Benchmarks for a few years, they’ve been tweaked a bit and Node is now compared against C++, Java, Python, and Ruby. C++ and Java still have an edge but JavaScript is a clear performance winner amongst traditional ‘scripting’ languages. - http://amp.gs/OHm3
#nodejs
Spoiler.. it’s Node.js by a long shot! If you haven’t checked out the ‘Alioth’ Computer Langauge Benchmarks for a few years, they’ve been tweaked a bit and Node is now compared against C++, Java, Python, and Ruby. C++ and Java still have an edge but JavaScript is a clear performance winner amongst traditional ‘scripting’ languages. - http://amp.gs/OHm3
#nodejs
benchmarksgame-team.pages.debian.net
Node js vs Python 3 - Which programs are fastest? | Computer Language Benchmarks Game
Node js Python 3 - Which programs are fastest?
What does the Vue function API feel like
Recently a proposal for Vue.js 3.x has been published, and with it a whole new way to use Vue.js via function API that addresses many problems that were present in 2.x API. - http://amp.gs/O2mv
#vue
Recently a proposal for Vue.js 3.x has been published, and with it a whole new way to use Vue.js via function API that addresses many problems that were present in 2.x API. - http://amp.gs/O2mv
#vue
Logaretm
What does the Vue function API feel like - Abdelrahman' Blog
Javascript Enginer @Baianat
CSS Grid: No Nonsense Layouts
Austin Johnston shares an introduction to CSS Grid where you’ll learn how to create grid-based layouts through a practical, example-based approach. - http://amp.gs/O2c4
#css #grid
Austin Johnston shares an introduction to CSS Grid where you’ll learn how to create grid-based layouts through a practical, example-based approach. - http://amp.gs/O2c4
#css #grid
testdriven.io
CSS Grid: No Nonsense Layouts
This articles serves as an introduction to CSS Grid where you'll look at how to create complex grid-based layouts with simple CSS.
5 Keys to Accessible Web Typography
A solid introduction to the basics and best practices of accessible web typography. - http://amp.gs/OwEH
#typography
A solid introduction to the basics and best practices of accessible web typography. - http://amp.gs/OwEH
#typography
Better Web Type
5 Keys to Accessible Web Typography
I wrote about fluid web typography in last month’s blog post and I realised that a lot of the popular implementation techniques come with accessibility issues. So I wanted to go back and revisit the basics and the best practices of accessible web typography.
Several ES2019 Features You Can Use Today
A brief look at Object.fromEntries, trimStart, trimEnd, flat, flatMap, and more. - http://amp.gs/OwM7
#javascript #es2019
A brief look at Object.fromEntries, trimStart, trimEnd, flat, flatMap, and more. - http://amp.gs/OwM7
#javascript #es2019
LogRocket Blog
5 ES2019 features you can use today - LogRocket Blog
Since ES6 was introduced in 2015, TC39 has released a new ES standard each year. Check out these five new features available for use right now in ES2019.
Building 'Micro Frontends' with React, Vue, and Single SPA
A look at how to use multiple JavaScript frameworks in a single-page application.. if you so wished. - http://amp.gs/OFRo
#microfrontend
A look at how to use multiple JavaScript frameworks in a single-page application.. if you so wished. - http://amp.gs/OFRo
#microfrontend
DEV Community
Building Micro Frontends with React, Vue, and Single-spa
How to use multiple JavaScript frameworks in a single-page application.
Bringing A Healthy Code Review Mindset To Your Team
Sandrina Pereira shares some advice on overcoming feedback resistance and managing time expectations.
- http://amp.gs/OFad
#css
Sandrina Pereira shares some advice on overcoming feedback resistance and managing time expectations.
- http://amp.gs/OFad
#css
Smashing Magazine
Bringing A Healthy Code Review Mindset To Your Team — Smashing Magazine
Take a moment to remember the last time you collaborated in a code review. Did your team overcome feedback resistance and manage time expectations? Fostering a healthy mindset is the key to build trust and sharing knowledge with your colleagues.
Using Push Notifications with Service Workers and Node
An easy to follow introduction to rigging up a front-end notifications system with a Node backend pushing out the messages. - http://amp.gs/OXe8
#nodejs
An easy to follow introduction to rigging up a front-end notifications system with a Node backend pushing out the messages. - http://amp.gs/OXe8
#nodejs
Marcin Wanago Blog - JavaScript, both frontend and backend
Using Push Notifications with Service Workers and Node.js
In this article, we cover another feature that we can implement with the help of Service Workers – Push Notifications. They come in handy if we need a fast channel of communicating with our users. We not only learn how to implement them in terms of code,…
Everything You Need to Know About Date in JavaScript
Runs through what you need to know about Date objects. - http://amp.gs/OXbh
#javascript
Runs through what you need to know about Date objects. - http://amp.gs/OXbh
#javascript
CSS-Tricks
Everything You Need to Know About Date in JavaScript
Date is weird in JavaScript. It gets on our nerves so much that we reach for libraries (like Date-fns and Moment) the moment (ha!) we need to work with
A React Fiber Deep Dive with Dan Abramov
A fun but long (almost 2 hours!) video where Jenn Creighton and Dan Abramov help out two React developers overwhelmed by divs! A truly deep dive into the React Fiber engine and basically like getting a workshop for free. - https://www.youtube.com/watch?v=aS41Y_eyNrU
#video #abramov
A fun but long (almost 2 hours!) video where Jenn Creighton and Dan Abramov help out two React developers overwhelmed by divs! A truly deep dive into the React Fiber engine and basically like getting a workshop for free. - https://www.youtube.com/watch?v=aS41Y_eyNrU
#video #abramov
YouTube
SMOOSHCAST: React Fiber Deep Dive with Dan Abramov
Jani and Phil got a problem. There are too many damn divs! With the help of Jenn Creighton and special guest Dan Abramov, we learn how to hack React Fiber reconciler internals to make the world a less div-ided place.
In this deep dive you'll learn how to…
In this deep dive you'll learn how to…
Introduction to Vue lifecycle hooks
In this post, we will learn about all of the hooks available for use in your Vue JS workflow. - http://amp.gs/OLi0
#vue
In this post, we will learn about all of the hooks available for use in your Vue JS workflow. - http://amp.gs/OLi0
#vue
LogRocket Blog
Introduction to Vue lifecycle hooks - LogRocket Blog
Help control your workflow by using lifecycle hooks to add custom logic at different stages of the lifecycle of your Vue instance.
Inspired Design Decisions: Avaunt Magazine
Andy Clarke explains how to design and implement skinny columns using meaningful markup and efficient CSS. - http://amp.gs/OWNi
#css
Andy Clarke explains how to design and implement skinny columns using meaningful markup and efficient CSS. - http://amp.gs/OWNi
#css
Smashing Magazine
Inspired Design Decisions: Avaunt Magazine — Smashing Magazine
This is the first edition of Inspired Design Decisions in which Andy Clarke explains how to design and implement skinny columns using meaningful markup and efficient CSS.