Test Driven Development Basics with React, React Testing Library, and Jest
An entry-level walkthrough if you haven’t bothered with TDD in React yet. - http://amp.gs/qZ79
#react #tdd
An entry-level walkthrough if you haven’t bothered with TDD in React yet. - http://amp.gs/qZ79
#react #tdd
Developerhandbook
Test Driven Development (TDD) with React, React Testing Library, and Jest
Test Driven Development (TDD) is an essential tool for writing robust code, especially in larger teams, we look at how to get started
A Proof of Concept for Making Sass Faster
Sebastian Webb introduces a new way to compile Sass code, selectively. - http://amp.gs/qplr
#css
Sebastian Webb introduces a new way to compile Sass code, selectively. - http://amp.gs/qplr
#css
CSS-Tricks
A Proof of Concept for Making Sass Faster
At the start of a new project, Sass compilation happens in the blink of an eye. This feels great, especially when it’s paired with Browsersync, which
How JavaScript Works: How V8 Optimizes for Efficiency
An explanation of how the V8 JavaScript engine (as used in Chrome and Node) makes your code run as fast as possible, followed up with a few tips on improving your code to help V8 out - http://amp.gs/qpJN
#javascript
An explanation of how the V8 JavaScript engine (as used in Chrome and Node) makes your code run as fast as possible, followed up with a few tips on improving your code to help V8 out - http://amp.gs/qpJN
#javascript
LogRocket Blog
How JavaScript works: Optimizing the V8 compiler for efficiency - LogRocket Blog
A guide to compiler-friendly Javascript optimization methods to help front-end devs write more efficient Javascript and reduce slowdowns.
Use cases: ng-content
Content projection is not a concept that one may use everyday, and to be honest, many Angular developers that don't even know about it. - http://amp.gs/qlGP
#angular
Content projection is not a concept that one may use everyday, and to be honest, many Angular developers that don't even know about it. - http://amp.gs/qlGP
#angular
Basic Functional Techniques with React
A few (very) basic ideas, including partial application, short circuit evaluation, and using methods like map, filter, and reduce instead of loops. - http://amp.gs/qlLk
#react
A few (very) basic ideas, including partial application, short circuit evaluation, and using methods like map, filter, and reduce instead of loops. - http://amp.gs/qlLk
#react
Medium
Functional Techniques with React
With ES6, it’s much easier to use certain functional techniques in React. This article will describe a few ways you can incorporate these…
How to Contribute to an Open Source Project
Sarah Drasner created a handy guide for contributing to open-source projects. - http://amp.gs/qBGK
#css
Sarah Drasner created a handy guide for contributing to open-source projects. - http://amp.gs/qBGK
#css
CSS-Tricks
How to Contribute to an Open Source Project
The following is going to get slightly opinionated and aims to guide someone on their journey into open source. As a prerequisite, you should have basic
React Hook Form: Simple, Extensible React Form Validation
It’s not just an interesting project, but it has one of the best project homepages I’ve seen too, complete with code comparisons with similar libraries. - http://amp.gs/qGZ7
#react #hooks #forms
It’s not just an interesting project, but it has one of the best project homepages I’ve seen too, complete with code comparisons with similar libraries. - http://amp.gs/qGZ7
#react #hooks #forms
React-Hook-Form
Home
React hook for form validation without the hassle
Performance Metrics for Blazingly Fast Web Apps
Conrad Irwin explains how to build performance metrics for blazingly fast web apps. - http://amp.gs/qxmj
#css
Conrad Irwin explains how to build performance metrics for blazingly fast web apps. - http://amp.gs/qxmj
#css
Medium
Performance metrics for blazingly fast web apps
Performance metrics are surprisingly challenging to get right. Here we share how to create metrics that are accurate, precise, and useful!
Designing Complex Responsive Tables in WordPress
What you need to know about designing complex tables for mobile visitors in WordPress. - http://amp.gs/qfmU
#design #tables
What you need to know about designing complex tables for mobile visitors in WordPress. - http://amp.gs/qfmU
#design #tables
Smashing Magazine
Designing Complex Responsive Tables In WordPress — Smashing Magazine
We don’t have any excuse for creating poor experiences today. Here’s what you need to know about designing complex tables for your mobile visitors in WordPress.
How npm Lockfiles Can Be a Security Blindspot for Injecting Malicious Modules
“Let me show you how easy it is to introduce back doors that are easily missed by project owners… leaving your code insecure.” This is a subtle issue, but we’ve seen how such issues can turn into big problems down the line recently. - http://amp.gs/qfcE
#nodejs
“Let me show you how easy it is to introduce back doors that are easily missed by project owners… leaving your code insecure.” This is a subtle issue, but we’ve seen how such issues can turn into big problems down the line recently. - http://amp.gs/qfcE
#nodejs
Snyk
Why npm lockfiles can be a security blindspot for injecting malicious modules | Snyk
I recently started playing around with the idea of threat modeling packages on the npm ecosystem. Can an event-stream incident happen again? How about other
10 Tips & Tricks to Make you a Better Vue.js Developer
Here are 10 Vue.js tips and tricks you may not be aware of to help you write more better and more efficient code.
- http://amp.gs/qC5i
#vue
Here are 10 Vue.js tips and tricks you may not be aware of to help you write more better and more efficient code.
- http://amp.gs/qC5i
#vue
DEV Community
10 Tips & Tricks to make you a better VueJS Developer
Introduction I really love working with VueJS and every time I do work with a framework I...
A TypeScript Tutorial for Beginners: The Missing Guide
Very much a beginner level introduction, but may be useful if you’ve not yet jumped on the TS train. - http://amp.gs/qeII
#typescript
Very much a beginner level introduction, but may be useful if you’ve not yet jumped on the TS train. - http://amp.gs/qeII
#typescript
Valentinog
TypeScript Tutorial For Beginners: Your Friendly Guide
What is TypeScript and why you may want to use it? Learn more with this TypeScript tutorial for beginners and start adding types to your JavaScript code!
Complete Guide to Responsive Images
Elad Shechter shares a guide that covers everything you should know about responsive images. - http://amp.gs/qeFd
#css
Elad Shechter shares a guide that covers everything you should know about responsive images. - http://amp.gs/qeFd
#css
Medium
Complete Guide to Responsive Images!
Using responsive images this days, is a very complex mission. There are saw many ways to implement it.
iPhone 11, iPadOS & iOS 13 for PWAs & Web Development
A deep dive into the specific changes and issues in Progressive Web App support on iOS 13 and iPadOS. - http://amp.gs/q7Li
#pwa #mobile
A deep dive into the specific changes and issues in Progressive Web App support on iOS 13 and iPadOS. - http://amp.gs/q7Li
#pwa #mobile
Medium
iPhone 11, iPadOS and iOS 13 for PWAs and web development
It’s that time again. iOS 13 has just been released with the new branded iPadOS 13 coming in a few days, and iPhone 11 variations being…
Designing a focus style
When we get to testing accessibility on the sites we build we used to find that no one had applied focus rings properly, and often that someone had deliberately hidden them for the sake of the design. These days we include this as part of the designer requirements and this ticks two boxes: 1) the client knows they're coming; 2) the front end team know how to style them. In this article Zell looks at some popular web development sites and how they handle the focus ring approach. - http://amp.gs/qPoX
#design
When we get to testing accessibility on the sites we build we used to find that no one had applied focus rings properly, and often that someone had deliberately hidden them for the sake of the design. These days we include this as part of the designer requirements and this ticks two boxes: 1) the client knows they're coming; 2) the front end team know how to style them. In this article Zell looks at some popular web development sites and how they handle the focus ring approach. - http://amp.gs/qPoX
#design
Zell Liew
Designing a focus style | Zell Liew
Problem with the default focus style + inspirations to design your own focus style.
The Differences Between the Same App Created in React and Vue
An interesting side-by-side comparison of the same app built by the same developer in both React and Vue.js. If you’ve seen this post before, it’s just been rewritten and updated to use React hooks. - http://amp.gs/qy0d
#react #vue
An interesting side-by-side comparison of the same app built by the same developer in both React and Vue.js. If you’ve seen this post before, it’s just been rewritten and updated to use React hooks. - http://amp.gs/qy0d
#react #vue
Medium
I created the exact same app in React and Vue. Here are the differences. [2019 Edition]
React vs Vue. Finally, a side-by-side code comparison between Vue and React! 🎉 [Updated for 2019: Now with React Hooks]
Node.js 8 is Not Supported from 2020 (So Update Now)
Did you know that Node 8 won’t get any more maintenance updates after December 31 this year? Here’s how to think about migrating. - http://amp.gs/qhDE
#nodejs
Did you know that Node 8 won’t get any more maintenance updates after December 31 this year? Here’s how to think about migrating. - http://amp.gs/qhDE
#nodejs
RisingStack Engineering - Node.js Tutorials & Resources
Update Now! Node.js 8 is Not Supported from 2020 | @RisingStack
Node 8 won’t get any more updates from 2020. In this article, we’ll discuss how and why you should move to newer, feature-packed, still supported versions.