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…
Vue Authentication And Route Handling Using Vue Router
In this tutorial by Chris Nwamba, you will learn how to use vue-router and JSON web tokens to implement authentication and provide access control to different parts of your application. - http://bit.ly/2OtYjtk
#vue
In this tutorial by Chris Nwamba, you will learn how to use vue-router and JSON web tokens to implement authentication and provide access control to different parts of your application. - http://bit.ly/2OtYjtk
#vue
A Milestone for Chrome Security: Marking HTTP As “Not Secure”
Chrome 68, released this week (more on that below), shows a “Not secure” message in the location bar when accessing a site over unencrypted HTTP. The march to ‘HTTPS everywhere’ continues. - http://bit.ly/2M3tOZk
#chrome
Chrome 68, released this week (more on that below), shows a “Not secure” message in the location bar when accessing a site over unencrypted HTTP. The march to ‘HTTPS everywhere’ continues. - http://bit.ly/2M3tOZk
#chrome
Google
A milestone for Chrome security: marking HTTP as “not secure”
We're marking all sites that are not encrypted with HTTPS as “not secure”.
Announcing the Ionic 4 Beta
The beta release of Ionic 4, a framework for building native apps and PWAs with Web technology, has just landed. 4.0 marks the first version to completely embrace modern Web APIs such as Custom Elements, CSS Variables and Shadow DOM, plus it’s framework-agnostic at its core. - http://bit.ly/2v1cqhA
#ionic
The beta release of Ionic 4, a framework for building native apps and PWAs with Web technology, has just landed. 4.0 marks the first version to completely embrace modern Web APIs such as Custom Elements, CSS Variables and Shadow DOM, plus it’s framework-agnostic at its core. - http://bit.ly/2v1cqhA
#ionic
Ionic Blog
Announcing the Ionic 4 Beta - Ionic Blog
Today, I’m thrilled to announce the beta release of the best version of Ionic Framework yet: Ionic 4.0.0-beta.0! 🎉 Representing over a year’s worth of work, Ionic 4 brings significant performance and build time improvements, powerful theming capabilities…
Redux vs. the React Context API
A look at how the new context API in React 16.3 works, how it compares to Redux, and when you’d want to consider using one versus the other. - http://bit.ly/2v1Wewn
#react #redux
A look at how the new context API in React 16.3 works, how it compares to Redux, and when you’d want to consider using one versus the other. - http://bit.ly/2v1Wewn
#react #redux
Dave Ceddia
Redux vs. The React Context API
Adding Particle Effects to DOM Elements with Canvas
A neat tutorial showing how to create a basic HTML-to-particle effect. You have to balance a few concepts to make it work but the result is striking. - http://bit.ly/2M3Wsth
#css
A neat tutorial showing how to create a basic HTML-to-particle effect. You have to balance a few concepts to make it work but the result is striking. - http://bit.ly/2M3Wsth
#css
CSS-Tricks
Adding Particle Effects to DOM Elements with Canvas | CSS-Tricks
Let’s take a look at how to make web pages more visually capable by combining the freedom of with HTML elements. Specifically, we will be creating a basic
Vue.js - Forms, Components and Considerations
Forms are the main mechanism for an app to collect data from a user. If you’re using AJAX and a single-page application architecture, there are unique challenges including accessibility and usability. - http://bit.ly/2OtYQvk
#vue
Forms are the main mechanism for an app to collect data from a user. If you’re using AJAX and a single-page application architecture, there are unique challenges including accessibility and usability. - http://bit.ly/2OtYQvk
#vue
Medium
Vue.js — Forms, components and considerations
Forms are the key for an application to collect data from the user. Form handling is something that quickly gets out of hand if not…
End-to-End Testing React Apps with Puppeteer and Jest - http://bit.ly/2AnyMPi
#e2e #testing #react #puppeteer
#e2e #testing #react #puppeteer
LogRocket
End-to-end testing React apps with Puppeteer and Jest
In this tutorial, we'll see how to write tests for a React app using Jest and Puppeteer.
Hunting JS Memory Leaks in React Native Apps
A roundup of some approaches to debug and solve memory problems in a React Native app. - http://bit.ly/2NV87ev
#reactNative
A roundup of some approaches to debug and solve memory problems in a React Native app. - http://bit.ly/2NV87ev
#reactNative
Medium
Hunting JS memory leaks in React Native apps
At Software Mansion we are often asked by our clients to review their React Native apps for possible performance improvements. One of the…
A One Year PWA Retrospective
A look back at what it took to build Pinterest’s PWA and the metrics around customer response. - http://bit.ly/2K95XFX
#pwa
A look back at what it took to build Pinterest’s PWA and the metrics around customer response. - http://bit.ly/2K95XFX
#pwa
Medium
A one year PWA retrospective
Zack Argyle | Engineering manager, Core Experience
Chrome 68 Released: What’s New For Developers?
Other than the ‘Not Secure’ marker (above), Chrome 68 provides the Page Lifecycle API for you to detect when your tab has been suspended or restored, the Payment Handler API, and lots of neat DevTools improvements. - http://bit.ly/2Os8yhF
#chrome
Other than the ‘Not Secure’ marker (above), Chrome 68 provides the Page Lifecycle API for you to detect when your tab has been suspended or restored, the Payment Handler API, and lots of neat DevTools improvements. - http://bit.ly/2Os8yhF
#chrome
Chrome Developers
New in Chrome 68 - Chrome Developers
Chrome 68 brings changes to the Add to Home Screen behavior on Android, giving you more control. The page lifecycle API tells you when your tab has been suspended or restored. And the Payment Handler API makes it possible for web-based payment apps to support…
Building a Vue.js Whitelabel Solution
Whitelabel apps are made to be rebranded with ease. This tutorial shows you how to implement whitelabel features in a new or existing Vue.js app. - http://bit.ly/2LA3lq0
#vue
Whitelabel apps are made to be rebranded with ease. This tutorial shows you how to implement whitelabel features in a new or existing Vue.js app. - http://bit.ly/2LA3lq0
#vue
www.nickmcburney.co.uk
Building a Vue.js whitelabel solution - Nick McBurney | Front-end Developer
A WordPress starter for Gridsome
excel4node: An Excel Spreadsheet (XLSX) Generation Library
Conforms to the ECMA-376 OOXML specification 2nd edition and the examples in the documentation are quite thorough. ExcelJS is another option in this space. - http://bit.ly/2LLTBIQ
#nodejs #excel
Conforms to the ECMA-376 OOXML specification 2nd edition and the examples in the documentation are quite thorough. ExcelJS is another option in this space. - http://bit.ly/2LLTBIQ
#nodejs #excel
GitHub
GitHub - natergj/excel4node: Node module to allow for easy Excel file creation
Node module to allow for easy Excel file creation. Contribute to natergj/excel4node development by creating an account on GitHub.
👍1
Using Immutable.JS with React and Redux
A guide on when to use Immutable.js and how to use it with Redux. - http://bit.ly/2M0BUCd
#react #redux #immutableJS
A guide on when to use Immutable.js and how to use it with Redux. - http://bit.ly/2M0BUCd
#react #redux #immutableJS
Fullstack React
Fullstack React: Using Immutable.JS with React and Redux
A guide on when to use Immutable.js and how to use it with Redux
5 'Hot' New CSS Features and How to Use Them
Including the CSS Display module (e.g. display: contents), CSS overscroll behavior, conditional rules, and containment. - http://bit.ly/2NRrFR9
#css
Including the CSS Display module (e.g. display: contents), CSS overscroll behavior, conditional rules, and containment. - http://bit.ly/2NRrFR9
#css
Creative Bloq
5 hot new CSS features and how to use them
We explore the most exciting new properties coming to CSS.
👍1
Why Kent C. Dodds Never Uses Shallow Rendering
“Tests should help me be confident that my application is working and there are better ways to do that than shallow rendering.” - http://bit.ly/2viTIkz
#react
“Tests should help me be confident that my application is working and there are better ways to do that than shallow rendering.” - http://bit.ly/2viTIkz
#react
Kentcdodds
Why I Never Use Shallow Rendering
Tests should help me be confident that my application is working and there are better ways to do that than shallow rendering.
👍1
Why Apollo: Advantages, Disadvantages and Alternatives
If you’re using GraphQL in your apps, this run through of the pros and cons of using Apollo, plus links to some alternatives, may be worth a look. - http://bit.ly/2LLJxzA
#nodejs #apollo
If you’re using GraphQL in your apps, this run through of the pros and cons of using Apollo, plus links to some alternatives, may be worth a look. - http://bit.ly/2LLJxzA
#nodejs #apollo
www.robinwieruch.de
Why Apollo: Advantages and Disadvantages
Overview about the advantages and disadvantages of using Apollo and its ecosystem for JavaScript applications. It mentions also Apollo alternatives such as Urql and Relay for React applications ...
An In-Depth Look at the Page Lifecycle API
A Chrome-only API for now that brings app lifecycle features common on mobile operating systems to the web. It ships with Chrome 68. - http://bit.ly/2LBH4Z1
#pageLifecycleAPI
A Chrome-only API for now that brings app lifecycle features common on mobile operating systems to the web. It ships with Chrome 68. - http://bit.ly/2LBH4Z1
#pageLifecycleAPI
Google Developers
Page Lifecycle API | Web
| Google Developers
| Google Developers
The Page Lifecycle API brings app lifecycle features common on mobile operating systems to the web. Browsers are now able to safely freeze and discard background pages to conserve resources, and developers can safely handle these interventions without affecting…
Building “Renderless” Vue Components
There’s this popular analogy of Vue that goes like this: Vue is what you get when React and Angular come together and make a baby. - http://bit.ly/2NStAVA
#vue
There’s this popular analogy of Vue that goes like this: Vue is what you get when React and Angular come together and make a baby. - http://bit.ly/2NStAVA
#vue
CSS-Tricks
Building "Renderless" Vue Components | CSS-Tricks
There's this popular analogy of Vue that goes like this: Vue is what you get when React and Angular come together and make a baby. I've always shared this
👍1