Getting the Whole Picture on Progressive Web Apps
Following a few years of steady and relatively silent growth, a look at how Progressive Web Apps have really started taking off. - http://bit.ly/2LjcYtr
#pwa
Following a few years of steady and relatively silent growth, a look at how Progressive Web Apps have really started taking off. - http://bit.ly/2LjcYtr
#pwa
UX Collective
Getting the whole picture on Progressive Web Apps
Following a few years of steady and relatively silent growth, one of the multitude of promising web technologies has really started taking…
Level up for UX with game design
Level up your product’s UX with clues taken from video games. - http://bit.ly/2A39OES
#ux
Level up your product’s UX with clues taken from video games. - http://bit.ly/2A39OES
#ux
Martian Chronicles
Level up for UX: Design lessons from video games — Martian Chronicles
Take clues from video games, learn the psychology behind them, and apply those tricks to your product's user experience.
A React/Redux Style Guide
“This is a working set of guidelines for developing React applications. We say ‘guideline’ because there are no hard-and-fast rules; best practices, patterns and technology change over time, so we consider this a living set of style guides.” - http://bit.ly/2OaA5Ef
#react #redux
“This is a working set of guidelines for developing React applications. We say ‘guideline’ because there are no hard-and-fast rules; best practices, patterns and technology change over time, so we consider this a living set of style guides.” - http://bit.ly/2OaA5Ef
#react #redux
GitHub
GitHub - iraycd/React-Redux-Styleguide: This is a working set of guidelines for developing React applications. We say "guideline"…
This is a working set of guidelines for developing React applications. We say "guideline" because there are no hard-and-fast rules; best practices, patterns and technology change ...
Testing Node.js in 2018
Stream powers feeds for over 300+ users and their team is keen on testing well. Here they share what Node tools and packages they use. - http://bit.ly/2A24dys
#nodejs
Stream powers feeds for over 300+ users and their team is keen on testing well. Here they share what Node tools and packages they use. - http://bit.ly/2A24dys
#nodejs
Hacker Noon
Testing Node.js in 2018
Stream powers feeds for over 300+ million end users. With all of those users relying on our infrastructure, we’re very good about testing…
Build a React Native App and Authenticate with OAuth 2.0
Learn how to use React Native and AppAuth to create a native mobile app that authenticates with Okta. - http://bit.ly/2Ne2nw4
#reactnative
Learn how to use React Native and AppAuth to create a native mobile app that authenticates with Okta. - http://bit.ly/2Ne2nw4
#reactnative
JavaScript Fundamentals Before Learning React
A concise list of all the different JavaScript functionalities that can be used to complement a React app. - http://bit.ly/2LBGqdq
#javascript
A concise list of all the different JavaScript functionalities that can be used to complement a React app. - http://bit.ly/2LBGqdq
#javascript
www.robinwieruch.de
JavaScript fundamentals before learning React
All the fundamentals in JavaScript for learning React. Often React beginners realize that most of the learnings are JavaScript, because React has only a small API ...
Writing IE-Friendly CSS Grid Code
Want to lean on CSS Grid but not get in trouble for abandoning Internet Explorer 11 users? Using Autoprefixer and keeping some rules in mind will help you get there. - http://bit.ly/2mC3GJY
#css
Want to lean on CSS Grid but not get in trouble for abandoning Internet Explorer 11 users? Using Autoprefixer and keeping some rules in mind will help you get there. - http://bit.ly/2mC3GJY
#css
CSS-Tricks
CSS Grid in IE: CSS Grid and the New Autoprefixer
In Part 1 of this series, I debunked a few misconceptions that many people have around the Internet Explorer (IE) implementation of CSS grid. This article
Build a Realtime Serverless GraphQL API with WebSockets on AWS - http://bit.ly/2LihcRI
#nodejs #graphQL #websocket #aws
#nodejs #graphQL #websocket #aws
Web Components in 2018
What we call “Web Components” is really a set of often separately specified Web technologies, including Shadow DOM, Custom Elements, and HTML templates. - http://bit.ly/2mzRE3N
#webcomponents
What we call “Web Components” is really a set of often separately specified Web technologies, including Shadow DOM, Custom Elements, and HTML templates. - http://bit.ly/2mzRE3N
#webcomponents
SitePen Blog
Web Components in 2018
For many front-end developers, components have become a central concept in their development workflow. Components provide a robust model for architecting and scaling complex applications, allowing for composition from smaller and simpler encapsulated parts.
An Extensive, Curated Set of React/Redux Tutorial Links
A golden oldie that continues to get frequent additions and updates. - http://bit.ly/2zZkbcB
#react
A golden oldie that continues to get frequent additions and updates. - http://bit.ly/2zZkbcB
#react
GitHub
markerikson/react-redux-links
Curated tutorial and resource links I've collected on React, Redux, ES6, and more - markerikson/react-redux-links
Building the Google Photos Web UI
It’s always fantastic to get a detailed look under the hood of how some of the web’s most heavily used apps are built. - http://bit.ly/2Ln491D
#ui
It’s always fantastic to get a detailed look under the hood of how some of the web’s most heavily used apps are built. - http://bit.ly/2Ln491D
#ui
Medium
Building the Google Photos Web UI
A peek under the hood
10 JavaScript Animation Libraries Worth Investigating in 2018
With summaries and, importantly, live interactive JSFiddle demos for most. - http://bit.ly/2uVmc3O
#javascript #animation
With summaries and, importantly, live interactive JSFiddle demos for most. - http://bit.ly/2uVmc3O
#javascript #animation
Hackernoon
Recommended Read: 11 JavaScript Animation Libraries For 2019 | HackerNoon
Installable Web Apps: A Practical Introduction To PWAs with JavaScript and Node - http://bit.ly/2zG4N4U
#pwa
#pwa
Twilio
Installable Web Apps: A Practical Introduction To PWAs with JavaScript and Node.js – Twilio Cloud Communications Blog
Learn how to create an installable web application that follows the Progressive Web App (PWA) principles in this tutorial.
Building an Audio Player App with Ionic, Angular, RxJS, and NgRx
Uses Auth0 for the authentication. - http://bit.ly/2uXuGHw
#ionic #angular
Uses Auth0 for the authentication. - http://bit.ly/2uXuGHw
#ionic #angular
Auth0 - Blog
Building An Audio Player App with Ionic, Angular, RxJS, and NgRx
Learn how to develop modern mobile apps with Angular, Ionic, RxJS and NgRx. Follow this tutorial to create a mobile audio player app.
The Best Way to Architect Your Redux App
Of course, if you haven’t decided to skip Redux for MobX just yet, this guide on ‘how to think in Redux’ from the perspective of your app may help. - http://bit.ly/2LeFhsO
#react #redux
Of course, if you haven’t decided to skip Redux for MobX just yet, this guide on ‘how to think in Redux’ from the perspective of your app may help. - http://bit.ly/2LeFhsO
#react #redux
freeCodeCamp.org
The best way to architect your Redux app
By Lusan Das This article is about how to think in Redux. We’ll try to understand how we can utilise this wonderful library to make our application more stable, robust, and maintainable. It is language agnostic, however we will keep our scope to Redu...
Building a Complex UI Animation in React, Simply
Alex Holachek shows how to use React, styled-components, and react-flip-toolkit to make your own version of the animated navigation menu. - http://bit.ly/2OpDqzf
#react
Alex Holachek shows how to use React, styled-components, and react-flip-toolkit to make your own version of the animated navigation menu. - http://bit.ly/2OpDqzf
#react
CSS-Tricks
Building a Complex UI Animation in React, Simply | CSS-Tricks
Let’s use React, styled-components, and react-flip-toolkit to make our own version of the animated navigation menu on the Stripe homepage. It's an impressive
The Guide to Integrating and Styling Icon Systems — SVG Sprites, SVG Symbols and Icon Fonts
Sebastiano Guerriero gives an in-depth look at SVG image sprites, SVG symbols and icon fonts. - http://bit.ly/2Lu5bZA
#css
Sebastiano Guerriero gives an in-depth look at SVG image sprites, SVG symbols and icon fonts. - http://bit.ly/2Lu5bZA
#css
Medium
The guide to integrating and styling icon systems — SVG sprites, SVG symbols and icon fonts
In part 1 of our guide on icon systems, we focused on inline SVG and icon components. In this second article, we’ll take an in-depth look…