The Complete Guide to CSS Grid
Learn everything about the CSS Grid Module in this illustrated guide with practical examples & demos. - https://goo.gl/rCG2q3
#css #grid
Learn everything about the CSS Grid Module in this illustrated guide with practical examples & demos. - https://goo.gl/rCG2q3
#css #grid
Codrops
A Complete Guide to CSS Grid | Codrops CSS Reference
Learn everything about the CSS Grid Module in this illustrated guide with practical examples and demos. A Codrops CSS Reference entry by Hui Jing Chen.
Best Practices for Testing React Components — A handful of quick Jest+Enzyme practices. - https://goo.gl/PDMVvp
#react #jest #test
#react #jest #test
Medium
Testing React Components Best Practices
In this article, we will describe our React components testing practices with Jest+Enzyme which are also applicable to Mocha+Chai.
Creating A Horizontal Scrolling Navigation Control
A simple guide to creating a scrollable panel for touch use, augmented with click and drag functionality for mouse input. - https://goo.gl/oqpj1A
#css
A simple guide to creating a scrollable panel for touch use, augmented with click and drag functionality for mouse input. - https://goo.gl/oqpj1A
#css
Approaches to Testing Service Workers
An incredibly thorough guide to different approaches being taken to test service workers by the Chrome DevRel team. - https://goo.gl/Jxuz5D
#serviceworker #test
An incredibly thorough guide to different approaches being taken to test service workers by the Chrome DevRel team. - https://goo.gl/Jxuz5D
#serviceworker #test
Medium
Testing Service Workers – Dev Channel
In this post we’ll be looking at some of the approaches being taken to test service workers in the latest service worker libraries the…
Comparing Performance Between a Native iOS Swift App and React Native.
I found the results surprising, with React Native often winning. - https://goo.gl/Fqy9dE
#reactnative
I found the results surprising, with React Native often winning. - https://goo.gl/Fqy9dE
#reactnative
Medium
Comparing the Performance between Native iOS (Swift) and React-Native
React-Native is a hybrid mobile framework that lets you build apps using only JavaScript. However, unlike other hybrid mobile technologies…
How Progressive Web Apps Make The Web Great Again.
Understanding Progressive Web Apps and what they have to offer. - https://goo.gl/SW0xQV
#progressiveweb
Understanding Progressive Web Apps and what they have to offer. - https://goo.gl/SW0xQV
#progressiveweb
Webagility
How Progressive Web Apps make the Web great again
What are Progressive Web Apps and Service Workers. Who wins in the battle of Progressive vs Native apps.
An Animated Intro to RxJS
RxJS is a library for composing asynchronous, event-based code around observing and handling changing values over time. - https://goo.gl/wqdKv5
#rxjs
RxJS is a library for composing asynchronous, event-based code around observing and handling changing values over time. - https://goo.gl/wqdKv5
#rxjs
CSS-Tricks
An Animated Intro to RxJS | CSS-Tricks
You might have heard of RxJS, or ReactiveX, or reactive programming, or even just functional programming before. These are terms that are becoming more and
Understanding Component Architecture: Refactoring an Angular App
Jurgen van de Moere takes an existing Angular 2+ app and refactors it into a more modular component architecture. - https://goo.gl/9SB8k4
#angular2
Jurgen van de Moere takes an existing Angular 2+ app and refactors it into a more modular component architecture. - https://goo.gl/9SB8k4
#angular2
SitePoint
Understanding Component Architecture: Refactoring an Angular App — SitePoint
Jurgen Van de Moere takes an existing Angular 2+ app and refactors it into a more modular component architecture, making use of reusable "dumb" components.
5 Node.js Frameworks for End-to-End Web Testing
A quick look at CasperJS, Protractor, Nightwatch.js, TestCafe, and CodeceptJS - https://goo.gl/VO3K1P
#test #endtoend
A quick look at CasperJS, Protractor, Nightwatch.js, TestCafe, and CodeceptJS - https://goo.gl/VO3K1P
#test #endtoend
Medium
Top 5 Most Rated Node.js Frameworks for End-to-End Web Testing
Hello my friends, today we are going to look into the most popular solutions for functional web testing. For my review, I listed the most…
Introducing React Loadable: An Elegant Way to Load Components
We linked to the project last week but here’s a more in-depth explanation. - https://goo.gl/NVT4oa
#react #lazyloading
We linked to the project last week but here’s a more in-depth explanation. - https://goo.gl/NVT4oa
#react #lazyloading
Medium
Introducing React Loadable
Component-centric code splitting and loading in React
React Router v4 Released: Declarative Routing for React
The final release is now out. - https://goo.gl/8bCxtL
#react #router
The final release is now out. - https://goo.gl/8bCxtL
#react #router
ReactRouterWebsite
React Router: Declarative Routing for React
Learn once, Route Anywhere
Retrofit Your Site as a Progressive Web App.
A short, sweet and practical guide showing how to convert an existing site to a simple PWA. - https://goo.gl/eTSALi
#progressiveweb
A short, sweet and practical guide showing how to convert an existing site to a simple PWA. - https://goo.gl/eTSALi
#progressiveweb
SitePoint
Retrofit Your Website as a Progressive Web App — SitePoint
Provide a great mobile experience without building native apps. Craig Buckler walks you through converting an existing site to a Progressive Web App.
Front-end-developer-interview-questions
A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore. - https://goo.gl/7PVEuk
#frontend #questions #interview
A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore. - https://goo.gl/7PVEuk
#frontend #questions #interview
Planning A Modern Angular Application
Todd Motto runs through some of the considerations you should review when planning to build an application using Angular (aka Angular 2 and above). - https://goo.gl/lLCnrT
#angular2
Todd Motto runs through some of the considerations you should review when planning to build an application using Angular (aka Angular 2 and above). - https://goo.gl/lLCnrT
#angular2
Telerik Developer Network
Planning an Angular Application -
Todd Motto runs through some of the considerations you should review when planning to build an application using Angular (aka Angular 2).
End-to-End Testing with Nightwatch.js
Easily write end-to-end acceptance tests that run against a Selenium/WebDriver server. - https://goo.gl/qd9YZQ
#endtoend #tests #nightwatch
Easily write end-to-end acceptance tests that run against a Selenium/WebDriver server. - https://goo.gl/qd9YZQ
#endtoend #tests #nightwatch
React is Slow, React is Fast.
Optimizing React Apps in Practice — “If you care about performance, it’s fairly easy to make any React application super fast.” Here’s one look at how. - https://goo.gl/IIOrxa
#react #performance
Optimizing React Apps in Practice — “If you care about performance, it’s fairly easy to make any React application super fast.” Here’s one look at how. - https://goo.gl/IIOrxa
#react #performance
Medium
React is Slow, React is Fast: Optimizing React Apps in Practice
React is slow — just like other frontend frameworks.
Getting Started with React Navigation, a Navigation Solution for React Native.
A handy visually driven article showing what’s involved in building an app with some common routing needs using React Navigation. - https://goo.gl/OKG8z0
#reactnative
A handy visually driven article showing what’s involved in building an app with some common routing needs using React Navigation. - https://goo.gl/OKG8z0
#reactnative
Hacker Noon
Getting Started with React Navigation, the Navigation Solution for React Native
If you’ve worked with React Native for any amount of time you’ve likely been confused by how you navigate in your app (practices, packages…
Practical CSS Grid: Adding Grid to An Existing Design.
Eric Meyer looks at the process behind converting existing designs to CSS Grid without breaking non-supporting browsers. - https://goo.gl/Sn9RgX
#css #grid
Eric Meyer looks at the process behind converting existing designs to CSS Grid without breaking non-supporting browsers. - https://goo.gl/Sn9RgX
#css #grid
Alistapart
Practical CSS Grid: Adding Grid to an Existing Design
Converting existing designs to Grid without breaking in non-grid browsers