FrontEnd Development
30.9K subscribers
145 photos
1 video
9.35K links
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile and more.

Admin: @andrey2019
Download Telegram
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
Node.js API and Web Frameworks for 2019

A roundup that doesn’t just focus on the usual favorites like Express, Koa, and Hapi, but digs into alternatives like Nest, Adonis and Fastify too. - http://amp.gs/E00V

#nodejs
A Guide to the CSS Object Model (CSSOM)

If you’ve written JavaScript in a front-end context, you’ve undoubtedly dealt with the DOM (Document Object Model) but there’s also the CSS Object Model, a set of APIs allowing the manipulation of CSS from JavaScript. A lot of detail/examples here. - http://amp.gs/EKeS

#css
Mixins and custom functions to enhance your Vue applications

If you are a Vue lover and are looking for a way to extend your Vue application, you have come to the right place. - http://amp.gs/EKuj

#vue
How to Use SignalR with .NET Core and Angular - Real-Time Charts

SingalR is a library which helps us provide a real-time web functionality to our applications. This means that our server can push data to any connected client as soon as that data is provided, in a real-time, and vice verse. In this article, we are going to show you how to use SignalR with .NET Core and Angular through the practical example. - http://amp.gs/E3zf

#angular #signalR #netcore
Better Reusable React Components with the Overrides Pattern

An engineer at Uber shares how they came up with a pattern for overriding interval styles or props of components when necessary. - http://amp.gs/E3se

#react