5 Common Practices You Can Stop Doing in React
Some patterns help you improve your overall workflow whereas a few others have significant side effects. - http://bit.ly/2KRFykq
#react
Some patterns help you improve your overall workflow whereas a few others have significant side effects. - http://bit.ly/2KRFykq
#react
LogRocket
5 common practices that you can stop doing in React
Sometimes best practices can compromise performance, readability, and make things unproductive in the long run.
On Consuming (and Publishing) ES2015+ Packages
Babel’s creator reflects on the idea of compiling dependencies (in addition to your own code), how Babel v7 will make it easier to do so, and the problems involved. - http://bit.ly/2lZSVkl
#javascript
Babel’s creator reflects on the idea of compiling dependencies (in addition to your own code), how Babel v7 will make it easier to do so, and the problems involved. - http://bit.ly/2lZSVkl
#javascript
babeljs.io
On Consuming (and Publishing) ES2015+ Packages · Babel
For those of us that need to support older browsers, we run a compiler like Babel over application code. But that's not all of the code that we ship to browsers; there's also the code in our `node_modules`.
The Best React Inline Style Libraries: Comparing Radium, Aphrodite, and Emotion
A review of libraries that can help in use inline styles in React apps. - http://bit.ly/2KUypzC
#react
A review of libraries that can help in use inline styles in React apps. - http://bit.ly/2KUypzC
#react
LogRocket
The best react inline style libraries - comparing Radium, Aphrodite, & Emotion
A review of libraries that will help you use inline styles in your React application.
A Guide to Node.js for Frontend Developers
If you’re a frontend developer who ends up getting into Node.js - http://bit.ly/2udpIGj
#nodejs
If you’re a frontend developer who ends up getting into Node.js - http://bit.ly/2udpIGj
#nodejs
blog.bloomca.me
Node.js Guide for Frontend Developers
Blog about programming
BEM For Beginners: Why You Need BEM
Inna Belaya explains the basic ideas of BEM methodology. - http://bit.ly/2KGJkhn
#css #bem
Inna Belaya explains the basic ideas of BEM methodology. - http://bit.ly/2KGJkhn
#css #bem
Smashing Magazine
BEM For Beginners: Why You Need BEM
CSS styles isolation is the most frequent start point of the BEM usage. But this is the least that BEM can give you. BEM brings a system approach in your project and keeps it from the mess.
Should We Use React Native?
Thoughts from Expo following Airbnb’s sunsetting of React Native. Curiously, some people interpreted Airbnb’s news as “React Native is dying” but it isn’t and remains a fantastic choice. - http://bit.ly/2KI6gwH
#reactNative
Thoughts from Expo following Airbnb’s sunsetting of React Native. Curiously, some people interpreted Airbnb’s news as “React Native is dying” but it isn’t and remains a fantastic choice. - http://bit.ly/2KI6gwH
#reactNative
Exposition
Should we use React Native? – Exposition
Thoughts from Expo following Airbnb’s Sunsetting of RN.
Exploring ES2018 with Dr. Axel
If the ES2018 news above interested you but you want a more accessible way to understand the new features, Dr. Axel’s book here is great. - http://bit.ly/2KUWKlM
#es2018
If the ES2018 news above interested you but you want a more accessible way to understand the new features, Dr. Axel’s book here is great. - http://bit.ly/2KUWKlM
#es2018
A Fullstack Tutorial for GraphQL
A comprehensive video tutorial series taking you “from zero to production” with React examples based around Apollo and Relay. - http://bit.ly/2KH1M9t
#react #graphQL
A comprehensive video tutorial series taking you “from zero to production” with React examples based around Apollo and Relay. - http://bit.ly/2KH1M9t
#react #graphQL
Howtographql
How to GraphQL - The Fullstack Tutorial for GraphQL
Fullstack GraphQL Tutorial to go from zero to production covering all basics and advanced concepts.
Cards Hover Animation Using Vue.js
Learn how to create a beautiful a list of cards that animate when hovered, or clicked on mobile, using Vue.js. This is the latest article in a great series on building UI widgets called Widget of the Week. - http://bit.ly/2J48PmN
#vue
Learn how to create a beautiful a list of cards that animate when hovered, or clicked on mobile, using Vue.js. This is the latest article in a great series on building UI widgets called Widget of the Week. - http://bit.ly/2J48PmN
#vue
gitconnected - The Developer Learning Community
Cards hover animation — WotW – gitconnected - The Developer Learning Community
Welcome to the Widget of the Week series, where I take gifs or videos of awesome UI/UX components, and bring them to life with code. I’ve been quite busy for a couple of weeks, preparing and giving a…
CSS Grid in IE: Debunking Common IE Grid Misconceptions
Daniel Tonon shows how to use CSS grid in a way that will work not only in modern browsers but also in Internet Explorer.
- http://bit.ly/2MXuHCJ
#css #grid
Daniel Tonon shows how to use CSS grid in a way that will work not only in modern browsers but also in Internet Explorer.
- http://bit.ly/2MXuHCJ
#css #grid
CSS-Tricks
CSS Grid in IE: Debunking Common IE Grid Misconceptions | CSS-Tricks
This is the first in a three-part series all about how to use CSS grid in a way that will work not only in modern browsers but also in Internet Explorer
Understanding JSX Compilation in VueJS
Have you ever wondered how render functions are created by virtual DOM-based libraries like Vue.js? This article details the three key steps: parse, transform and generate. - http://bit.ly/2KVFFwf
#vue
Have you ever wondered how render functions are created by virtual DOM-based libraries like Vue.js? This article details the three key steps: parse, transform and generate. - http://bit.ly/2KVFFwf
#vue
Medium
Understanding JSX Compilation in VueJS
In the JavaScript World, you may be seeing a lot of frameworks coming in, each of them has their own syntax in building web applications…
react-day-picker: A Flexible Date Picker for React
No external dependencies. Fully customizable, with ARIA support. - http://bit.ly/2udknyY
#react #datepicker
No external dependencies. Fully customizable, with ARIA support. - http://bit.ly/2udknyY
#react #datepicker
GitHub
gpbl/react-day-picker
Lightweight date picker component for React. Contribute to gpbl/react-day-picker development by creating an account on GitHub.
Using face-api.js: Face Recognition in the Browser with TensorFlow.js
A library bringing face detection, recognition and landmark detection to the browser. - http://bit.ly/2J13xsh
#javascript
A library bringing face detection, recognition and landmark detection to the browser. - http://bit.ly/2J13xsh
#javascript
ITNEXT
face-api.js — JavaScript API for Face Recognition in the Browser with tensorflow.js
A JavaScript API for Face Detection, Face Recognition and Face Landmark Detection
Building Browser Extensions with React
Rubberduck adds IDE-like features to GitHub via a browser extension which was built using React. Here’s how they made it work. - http://bit.ly/2m3r17i
#react
Rubberduck adds IDE-like features to GitHub via a browser extension which was built using React. Here’s how they made it work. - http://bit.ly/2m3r17i
#react
www.rubberduck.io
Rubberduck blog: Building browser extensions with React
Finish your code reviews faster
Offline-Friendly Forms
One of the most requested features that I get for offline web apps are forms that work regardless of the connection. This is a great overview along with an example Codepen. - http://bit.ly/2KPcPg2
#javascript
One of the most requested features that I get for offline web apps are forms that work regardless of the connection. This is a great overview along with an example Codepen. - http://bit.ly/2KPcPg2
#javascript
Max Böck
Offline-Friendly Forms
Forms on the web don't usually play nice with bad connections. If you try to submit a form while offline, you'll most likely just lose your input. Here's how we might fix that.
Add i18n and Manage Translations of a Vue.js Powered Website
Setting up a Vue.js website with internationalization (i18n) support sounds daunting at first, but it may be easier than you think! This tutorial shows you how to do it with VueI18n. - http://bit.ly/2mdX58k
#vue
Setting up a Vue.js website with internationalization (i18n) support sounds daunting at first, but it may be easier than you think! This tutorial shows you how to do it with VueI18n. - http://bit.ly/2mdX58k
#vue
Medium
Add i18n and manage translations of a Vue.js powered website
Setting up a Vue.js website with internationalization (i18n) support sounds daunting at first, but it's easier than one might think.
Layoutit: A CSS Grid Layout Interface Builder
A very quick online way to put together a CSS grid layout and get the code needed to make it happen. We saw this getting some love on Twitter and were impressed with it ourselves. - http://bit.ly/2Lg167i
#css #grid
A very quick online way to put together a CSS grid layout and get the code needed to make it happen. We saw this getting some love on Twitter and were impressed with it ourselves. - http://bit.ly/2Lg167i
#css #grid
React Native at Airbnb: The Technology
The second post in a series where Airbnb details their experiences with React Native and discusses what’s next for them in mobile. This digs into the tech side of why it didn’t pan out for them. - http://bit.ly/2KYKcdh
#reactNative
The second post in a series where Airbnb details their experiences with React Native and discusses what’s next for them in mobile. This digs into the tech side of why it didn’t pan out for them. - http://bit.ly/2KYKcdh
#reactNative
Medium
React Native at Airbnb: The Technology
The technical details
Asynchrony: Under the Hood
Filmed at the recent JSConf EU, this talk deftly explores the conceptual underpinnings of asynchronous programming approaches, and the drawbacks and advantages of each. - http://bit.ly/2zkqNSG
#javascript #video
Filmed at the recent JSConf EU, this talk deftly explores the conceptual underpinnings of asynchronous programming approaches, and the drawbacks and advantages of each. - http://bit.ly/2zkqNSG
#javascript #video
YouTube
Asynchrony: Under the Hood - Shelley Vohr - JSConf EU
This talk will explore the conceptual underpinnings of asynchronous programming options, and the drawbacks and advantages to each. JS has supported callbacks...
Rental Cars, Destiny’s Child and Error Handling with Vue.js
There are at least two reasons why you would want to set up custom error handling in your JS project: one is pragmatic and the other is scary. Learn how you can catch every error in your Vue.js app in this fun and interesting tutorial by Lars Eidnes. - http://bit.ly/2L6dE49
#vue
There are at least two reasons why you would want to set up custom error handling in your JS project: one is pragmatic and the other is scary. Learn how you can catch every error in your Vue.js app in this fun and interesting tutorial by Lars Eidnes. - http://bit.ly/2L6dE49
#vue
Medium
Rental cars, Destiny’s Child and error handling with Vue.js
Why you should handle your errors, a story from the trenches