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
Make Wireframing Easier, Faster, Stronger with Whimsical

I took whimsical for a spin the last set of wireframes I produced for a client site. It’s a browser based tool that works well and you have a enough elements at your disposal with making it feel cleaner and not so overwhelm. It also has sitemap capabilities, but to be honest I find excel just as easy to use and a bit more flexible — http://amp.gs/9K9x

#design #wireframing
Reacting to Promises from Event Listeners in Vue.js

This article shows you how to build a button component that changes automatically on Promise resolution by leveraging event handlers. Written by Dobromir Hristov and inspired by a recent fix in Vue.js 2.6. — http://amp.gs/92wg

#vue
Manage State in Angular with NGXS

As front-end applications become increasingly complex, with the potential of multiple actors affecting the global state of the application in different ways, it becomes easy to lose control of what’s going on with your state. If you’ve never had to worry about managing global state in your JavaScript application, congratulations! You are one of the lucky ones. For the rest of us, there are a number of different libraries available.
http://amp.gs/9Fr2

#angular #ngxs
Tips for Making Interactive Elements Accessible On Mobile Devices

Version 2.1 of the Web Content Accessibility Guidelines have a section dedicated to mobile accessibility. This article covers some of the new guidelines relating to interactive elements on a page. — http://amp.gs/9XR0

#mobile
Vue.js Performance Optimization: Lazy Loading Routes and Vendor Bundle Anti-Pattern

Splitting your code by routes is one of the best (and easiest) ways to keep the first downloaded bundle size low. This article is part 2 in a series on Vue.js optimization by Filip Rakowski.
http://amp.gs/9LSg

#vue
👍1
Pika/Pack: A New Approach to npm Package Building

Pack connects pre-configured plugins (e.g. Babel and Rollup) to build and optimize your package for you. It’s a bit like a webpack or Parcel but specifically for building npm packages. — http://amp.gs/9WPd

#pika #pack #nodejs
The React Lifecycle Methods in Plain, Approachable Language

I don’t think anyone could disagree that this sort of post is a good idea. If you’ve had questions on how the React lifecycle methods work — look no further. — http://amp.gs/9aCF

#react
Paint the Picture, Not the Frame: How Browsers Provide Everything Users Need

Instead of tweaking or trying to control browser functionality, this article makes the case for leaving key features to the browser to ensure the most accessible experience. — http://amp.gs/9ok2

#accessibility
Bluetooth Anywhere: Experimenting with Bluetooth from JS

Some fun experimenting with interacting with a Bluetooth device (a Nordic Thingy:52) in JS on various setups (desktop browser, Cordova app, and a React Native app). — http://amp.gs/9M83

#javascript #bluetooth
Dynamic Forms in Angular —The pattern beyond the buzz

In this post, Liron aims to explain the thought behind the term “dynamic” forms in Angular. This post won’t tell you how to use reactive forms and won’t show you ways to implement forms dynamically.
http://amp.gs/958a

#angular #forms
I Created The Same App with Vuex and Redux. Here Are The Differences

Comparing two similar tools can bring a better understanding of the features of both. In this article, the author creates a todo app with both Vuex and Redux.
http://amp.gs/9QL5

#vuex #redux