FrontEnd Development
28.9K subscribers
145 photos
1 video
9.35K links
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile and more.
Download Telegram
Web Content Accessibility Guidelines 2.1—for People Who Haven’t Read the Update

Alan Dalton gives an overview of the new accessibility guidelines. - http://bit.do/eDdZv

#accessibility
A Look At CSS Resets in 2018

A review of CSS reset options (to cancel out the default styles browsers apply to HTML) and how they try to strike a balance between correcting user-agent styling ‘errors’, removing opinionated styling, and staying as consistent as possible. - http://amp.gs/EUvJ

#css
React Advanced Date Time Range Picker

It’s been at least several issues since we linked to a time or date selector, right? - http://amp.gs/EdVb

#react #components #datepicker
On The Irrational Demonization Of Two-Way Data-Binding In Angular

The other day, Ben was listening to a JavaScript podcast on which a guest of the show pointed to two-way data-binding as one of the biggest “problems” in Angular. This is not a new thought - it’s something that he hears time-and-time again, especially from people in the React world. This demonization of two-way data-binding is completely irrational. And, unfortunately, if it’s said by enough “thought leaders”, it can become quite detrimental to the mental model of newer developers. So, he just wanted to come out and say that he absolutely loves the two-way data-binding in Angular. In fact, he thinks it’s one of the features that gives Angular its power. And, it’s a feature that he uses every single day with great success. - http://amp.gs/Edb4

#angular
Vue Development In 2019: What You Need To Know

This article provides a high-level map of the key areas of knowledge about Vue.js, from the core features to essential ecosystem tools. Use this map this to target areas for learning in 2019! - http://amp.gs/EOM9

#vue
IntelliCode for JavaScript and TypeScript in VS Code

The popular VS Code editor gains support for IntelliCode for JavaScript (and TypeScript) users. IntelliCode is a feature that recommends commonly used completion items based upon the current context in your code and is an interesting step in Microsoft’s experiments with practical ‘AI-assisted development’. - http://amp.gs/Ersn

#vscode
React Christmas: A React Advent Calendar

There’s a React-themed advent calendar that’s currently live and presenting a bite-sized slice of React wisdom each day. Now is a great time to catch up. - http://amp.gs/ESEi

#react
This Year in JavaScript: 2018 in Review and npm’s Predictions for 2019

JavaScript is the world’s most programming language, npm plays host to over 800,000 libraries, GraphQL’s popularity is booming, and the most popular other languages JavaScript developers use are Java, PHP and Python. - http://amp.gs/ENCy

#npm #javascript
Preventing Content Reflow From Lazy-Loaded Images

Lazily loading images is a good performance practice but what happens when those images load and change dimensions within the existing page layout? Reflow. But here’s how to avoid it. - http://amp.gs/EN6H

#css
Build a Simple Web App with Express, Angular, and GraphQL

During the past 10 years or so, the concept of REST APIs for web services has become the bread and butter for most web developers. Recently a new concept has emerged, GraphQL. GraphQL is a query language that was invented by Facebook and released to the public in 2015. During the last three years, it has created quite a stir. Some regard it as a new revolutionary way of creating web APIs. The main difference between traditional REST and GraphQL is the way queries are sent to the server. - http://amp.gs/EAW1

#angular #express #graphql
Compound Components in React Using the Context API

Compound components in React allow you to create components with some form of connected state that’s managed amongst themselves. - http://amp.gs/EqFV

#react
Structuring a Vue Project — Authentication

This article documents a backend developer’s approach to creating an authenticated Vue.js application with Vuex using best practices. - http://amp.gs/Es42

#vue
19 Ways to Become a Better Node Developer in 2019

Highlights tips, skills and strategies that may prove valuable over the coming months, such as having a package update plan in place, though the suggestion to “be a bit more Java and a byte less Ruby” makes me itch - http://amp.gs/EikJ

#nodejs
Keeping browser tabs in sync using localStorage, NgRx, and RxJS

In this post, we’re going to take a look at how we can keep our application state in sync when a user has multiple tabs open. We’re going to make this happen by using the Web Storage API, NgRx (Store and Effects), and RxJS. - http://amp.gs/EDxs

#angular
Simplify Your Components with Computed Setters

With computed properties, we can easily compose new data that is derived from other data. But what if we want to set it? This article shows common use cases for this scenario and a simple solution. - http://amp.gs/Eu3h

#vue
Introducing Background Fetch

A Web standard that’s currently implemented behind Chrome’s Experimental Web Platform features flag, Background Fetch lets you handle large downloads in a browser programatically and then get notifications of their completion, even if the browser closes. - http://amp.gs/EJA5

#web #background #fetch
How Does setState Know What to Do? — The latest in Dan Abramov’s recent series of illumating blog posts:

“You don’t need to think about how this works when you use React. We’d like React users to spend more time thinking about their application code than abstract concepts like dependency injection. But if you’ve ever wondered how this.setState() or useState() know what to do, I hope this helps.” - http://amp.gs/E0nh

#react