The JavaScript Way: A Modern JavaScript Tutorial
An in-progress/beta stage book that aims to teach JavaScript from a hands-on, modern 2017 standpoint, organized around building a Hacker News-style site. - https://goo.gl/AF8dpD
#javascript #tutorial
An in-progress/beta stage book that aims to teach JavaScript from a hands-on, modern 2017 standpoint, organized around building a Hacker News-style site. - https://goo.gl/AF8dpD
#javascript #tutorial
GitHub
thejsway/thejsway
The JavaScript Way book. Contribute to thejsway/thejsway development by creating an account on GitHub.
'We Jumped the Gun Moving React Components to ES2015 Class Syntax'
Netflix found decreased maintainability and little benefit in using ES2015 class syntax for React components. -
https://goo.gl/zUPWi2
#react
Netflix found decreased maintainability and little benefit in using ES2015 class syntax for React components. -
https://goo.gl/zUPWi2
#react
Medium
We Jumped the Gun Moving React Components to ES2015 Class Syntax
ES2015 class syntax for React components degrades developer experience and maintainability with little benefit in return.
Using mind mapping to clarify your job and bring order to task-switching chaos - https://goo.gl/CpwKdD
#mindmap
#mindmap
Elezea
Mind mapping as a tool for increased productivity and reduced stress
How you can use mind mapping to clarify the focus areas of your job and prioritize the most important tasks you should be spending your time on.
Redux-First Router Data-Fetching: Solving The 80% Use Case for Async Middleware - https://goo.gl/32X95x
#react #redux
#react #redux
Medium
Redux-First Router data-fetching: solving the 80% use case for async Middleware
Understanding the architectural decisions behind the tools you are using is perhaps more important than the many things a new package does…
How to Detect If Your Native App Is Installed From Your Site
Chrome 59 introduced a new API allows you to determine if your native app is installed on a device. - https://goo.gl/F6THq2
#mobile
Chrome 59 introduced a new API allows you to determine if your native app is installed on a device. - https://goo.gl/F6THq2
#mobile
Medium
Detect if your Native app is installed from your web site
As the capabilities of the Web become more aligned with what was once the domain of native experiences there are an increasing number of…
How to Create A Responsive UI with styled-components
Handling grid views in different sized viewports. - https://goo.gl/yBm2sU
#react
Handling grid views in different sized viewports. - https://goo.gl/yBm2sU
#react
Medium
How to create responsive UI with styled-components
There are several approaches on creating responsive web apps with ReactJS. Apart from using whole frameworks like Bootstrap, I wanted to…
Updates to Media Playback in Chrome 61
On Android, when a video is playing, rotating the device will automatically put it fullscreen - https://goo.gl/Z3NXnC
#chrome #media
On Android, when a video is playing, rotating the device will automatically put it fullscreen - https://goo.gl/Z3NXnC
#chrome #media
Hybrid Mobile Apps are Overtaking Native
The hybrid “space has evolved significantly for the better”. - https://goo.gl/D8fXUv
#hybrid #mobile
The hybrid “space has evolved significantly for the better”. - https://goo.gl/D8fXUv
#hybrid #mobile
PhoneGap
Hybrid Mobile Apps are Overtaking Native
I typically encounter two types of hybrid app dissenters: those that haven’t tried the approach yet or those that did several years ago…
Determine Network Availability in a 'NativeScript with Angular' Mobile App
Learn how to check network connectivity, or in other terms, check for an internet connection in Android and iOS, using NativeScript and Angular. - https://goo.gl/juFxYi
#nativeScript #mobile
Learn how to check network connectivity, or in other terms, check for an internet connection in Android and iOS, using NativeScript and Angular. - https://goo.gl/juFxYi
#nativeScript #mobile
The Polyglot Developer
Determine Network Availability In A NativeScript With Angular Mobile App
Learn how to check network connectivity, or in other terms, check for an internet connection in Android and iOS, using NativeScript and Angular.
Sharing Stateful UI Logic with Render Callback Components
Examples of abstracting shared logic across components using the ‘Render Callback’ pattern. - https://goo.gl/EeS2nJ
#react
Examples of abstracting shared logic across components using the ‘Render Callback’ pattern. - https://goo.gl/EeS2nJ
#react
Shoelace.css: A Pure CSS Alternative to Bootstrap
A back to basics CSS starter kit “for when you don’t need the whole boot”. - https://goo.gl/hibpW9
#css
A back to basics CSS starter kit “for when you don’t need the whole boot”. - https://goo.gl/hibpW9
#css
shoelace.style
Shoelace.css – a back to the basics CSS starter kit
For when you don’t need the whole boot.
Malware on the npm Registry
A user created a ‘crossenv’ package (very similar to the popular cross-env package) which ran a script sending sensitive information over the Web. - https://goo.gl/y6DjLN
#nodejs
A user created a ‘crossenv’ package (very similar to the popular cross-env package) which ran a script sending sensitive information over the Web. - https://goo.gl/y6DjLN
#nodejs
The npm Blog
`crossenv` malware on the npm registry
On August 1, a user notified us via Twitter that a package with a name very similar to the popular cross-env package was sending environment variables from its installation context out to...
Crafting Webfont Fallbacks
See how you can get attractive webfont visuals, good performance, and reliable functionality by properly employing a finely-tuned fallback. -
https://goo.gl/MtdhQm
#css #fonts #video
See how you can get attractive webfont visuals, good performance, and reliable functionality by properly employing a finely-tuned fallback. -
https://goo.gl/MtdhQm
#css #fonts #video
YouTube
Front End Center — Crafting Webfont Fallbacks
Webfonts are a tricky thing to get right — the usual formula is: attractive visuals, good performance & reliable functionality (pick two). In this episode, see how you can get all three by properly employing a finely-tuned fallback.
Thanks to Lookahead Search…
Thanks to Lookahead Search…
React, Facebook, and the Revocable Patent License
The state of React’s patent license remains a popular talking point. -
https://goo.gl/i3Gf5J
#react
The state of React’s patent license remains a popular talking point. -
https://goo.gl/i3Gf5J
#react
Medium
React, Facebook, and the Revocable Patent License. Why It’s a Paper 🐯.
As Gertrude Stein might admonish, “there’s no there there.”
Node 8.3 (Current) Released - https://goo.gl/YFTY8V
Node.js
Node v8.3.0 (Current) | Node.js
Introducing Mongoose to Your Node.js and Restify API
Guiding you through the steps needed to modify your API by introducing Mongoose. - https://goo.gl/9MaQBY
#nodejs #mongoose #part2
Guiding you through the steps needed to modify your API by introducing Mongoose. - https://goo.gl/9MaQBY
#nodejs #mongoose #part2
MongoDB
Part 2: Introducing Mongoose to Your Node.js and Restify API
What's So Hard About Histograms?
Histograms are a way to summarize a numeric variable. They use counts to aggregate similar values together and show you the overall distribution. However, they can be sensitive to parameter choices! We're going to take you step by step through the considerations with lots of data visualizations... - https://goo.gl/WzjYvk
#d3js
Histograms are a way to summarize a numeric variable. They use counts to aggregate similar values together and show you the overall distribution. However, they can be sensitive to parameter choices! We're going to take you step by step through the considerations with lots of data visualizations... - https://goo.gl/WzjYvk
#d3js
tinlizzie.org
Exploring Histograms
An interactive essay on the joys and pitfalls of histograms
WTFJS? A List of Funny and Tricky Code Examples
Around 40 examples of ‘quirky’ JavaScript code with unexpected results or outcomes. Mostly interesting to learn about odd edge cases. -
https://goo.gl/9dm8uG
#javascript
Around 40 examples of ‘quirky’ JavaScript code with unexpected results or outcomes. Mostly interesting to learn about odd edge cases. -
https://goo.gl/9dm8uG
#javascript
GitHub
denysdovhan/wtfjs
wtfjs - A list of funny and tricky JavaScript examples
Next.js 3.0: The Universal React App Toolchain
The stable release of Next.js v3.0 arrived this week, bringing with it dynamic import support, static export support, code splitting and more. - https://goo.gl/W4fJKr
#react #next
The stable release of Next.js v3.0 arrived this week, bringing with it dynamic import support, static export support, code splitting and more. - https://goo.gl/W4fJKr
#react #next
zeit.co
Next.js 3.0
Next.js 3.0 comes with vastly improved HMR, dynamic imports, static exports and better serverless support!