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
Discover the Pros and Cons of the Facade Pattern in NgRx

In this article we will learn about the facade pattern, why you may or may not want to use one with NgRx, and how to create a facade. - http://amp.gs/985o

#angular #ngrx
How to Preview Images Before Uploading Them in Vue

Most users these days expect to see a preview of the image they’ve chosen to upload before clicking the upload button. If you want to have a custom solution for your app, here’s how you can do that in Vue. - http://amp.gs/9TJE

#vue
A Better Way to Develop Node Apps with Docker

If you’re not using Docker yet due to the perceived complexity, this tutorial really boils things down to the absolute basics of what you can do to take advantage of it to build Node apps complete with hot module reloading. - http://amp.gs/9zDG

#nodejs #docker
What’s New in DevTools in Chrome 73

Quite a lot of smaller things, including ‘Logpoints’ a way to log messages to the console without adding console.log() calls, keyboard navigation of the console, and the ability to manage geolocation overrides. - http://amp.gs/913B

#devTools #chrome
RxJS: applying asyncScheduler as an argument vs with observeOn operator

If you are not familiar with Schedulers in RxJS, there is a short overview in Alexander’s article about queueScheduler. In short — asyncScheduler allows you emit each value in a separate macrotask (in terms of browser event-loop queue tasks). - http://amp.gs/9Ydl

#rxjs
The “Bug-O” Notation

Big O helps us think about the running time or memory complexity of our algorithms, but here Dan Abramov urges us to think about Bug-O (or how much an API slows you down as your codebase grows). - http://amp.gs/9tR8

#javascript
Infinity CSS Grid

You can add as many columns as you like, and you can merge the columns or insert columns inside columns. Everything is 0.1 Kb and it even works in IE10. - http://amp.gs/9m02

#css #grid #components
How to configure Webpack 4 with Angular 7: a complete guide

The Angular CLI makes it easy to create an application that already works, right out of the box. It is a great tool, but have you never thought: “How does it work? How can I build an application without the CLI?” - http://amp.gs/9Zkw

#angular
DRY Vue: How to Reuse and Prepopulate Forms

For UX purposes, it makes sense to keep your forms consistent across a website. This article explains how to reuse form elements in a Vue project, as well as pre-populate data in inputs.
- http://amp.gs/9pxT

#vue
Destyle.css: A Clean Slate for Writing CSS Without User Agent Styles

An opinionated reset stylesheet. - http://amp.gs/9l1o

#css
What’s (Could Be) New in JavaScript for 2019

Just two weeks ago we were reflecting on what ES2018 features we should know but now we’re on to speculating on what’s coming in ES2019. - http://amp.gs/9BzJ

#javascript
Building a Desktop App with Vue: NW.js

NW.js is a framework for building desktop applications with HTML, CSS, and JavaScript, and is an alternative to Electron and Vuido. Here’s a tutorial for using Vue and NW.js to build a weather forecast desktop app. - http://amp.gs/9BDZ

#vue #nw #desktop
Creating Powerful Components with Angular CDK

In this article, we’ll learn how to use the Angular CDK overlay feature to create powerful components. We’ll accomplish this by creating a popover service that exposes an API that allows us to open a popover relative to any origin element, render a custom component, template, or simple text inside it, and get notified when it’s closed. - http://amp.gs/9nEc

#angular
Release It: Automate The Tedious Tasks of Software Releases

A CLI release tool for Git repos and npm packages that can run tests, bump version, git tagging and pushing, creating a release at GitHub, generate a changelog, and so forth. - http://amp.gs/9GZx

#nodejs #tools
How To Level Up Your Angular Unit Testing Game (2/3)

In the previous post, we learned how to pass parameters into Angular CLI to run unit tests. In this post, we’ll dive into Karma configuration and make the test runner more snazzy by configuring it for our unique needs. It’s time to level up your testing game and get pumped up to unit test! — http://amp.gs/9fHA

#angular #unit #tests