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
Building 'Micro Frontends' with React, Vue, and Single SPA

A look at how to use multiple JavaScript frameworks in a single-page application.. if you so wished. - http://amp.gs/OFRo

#microfrontend
A React Fiber Deep Dive with Dan Abramov

A fun but long (almost 2 hours!) video where Jenn Creighton and Dan Abramov help out two React developers overwhelmed by divs! A truly deep dive into the React Fiber engine and basically like getting a workshop for free. - https://www.youtube.com/watch?v=aS41Y_eyNrU

#video #abramov
The 10 Component Commandments

A handy walkthrough of 10 ‘practical commandments’ for creating components that you can share widely and that other developers will actually want to use. #6 is controversial, though. - http://amp.gs/Oa9U

#react
Having fun with Angular and Typescript Transformers

Do you know the burden of handling your RxJs subscriptions manually? Did you ever forget one? Did you ever run into the problem that you thought you would be safe with the use of the async pipe in the template and then after some time a new requirement comes in and you realize that you need a subscribe call in your component class as well? This may be a smell for a bad design of some of your components, but let's be honest: Sometimes it is the right way in order to get things done.
- http://amp.gs/OoBw

#angular
10 Things You Should Know Before Writing Your Next Vuejs Component

Vuejs provides two ways to load components one globally at the Vue instance and the other at the component level. both methods provide their own benefits; loading a component globally makes it… - http://amp.gs/OM8a

#vue
Debugging JavaScript Like a Pro with Google Chrome

Chrome’s DevTools have a lot to offer in the debugging department for every JavaScript developer. - http://amp.gs/OM5H

#javascript
Avoiding Recursive useEffect Hooks

The dependency array passed to the useEffect hook tells React when the effect should be re-run, but.. what happens if you update some state and cause a loop? Here’s how to avoid the problem. - http://amp.gs/OQD9

#react
Optimizing Google Fonts Performance

Google Fonts are simple enough to implement, but can have a big impact on page load times. Here’s how to load them in the most optimal way. - http://amp.gs/Oc03

#fonts
Building a CRUD App with Vue and GraphQL

Let’s put our knowledge of GraphQL to use by creating a simple app in Vue.js and sending GraphQL queries for creating, reading, updating, and deleting data. - http://amp.gs/O6Np

#vue #graphql
How to Boost Angular Performance with Lazy Loading (Part 3)

Lazy loading modules are a great feature to incorporate in your projects and in most cases, the functionality is enough. But what happens when you are using non-routable modules? As a developer, you probably already know that component templates are not always fixed and you may need to dynamically create and load components at runtime. In part 3 of 3, we’ll guide you through a step by step solution for how to load dynamically, at runtime, a predefined set of modules and components in your application, all while taking advantage of the optimization benefits of using Ahead-of-Time compilation. - http://amp.gs/Obsh

#angular
Confused by const? Me Too!

Constants in JavaScript don’t necessarily behave the way you think they would, and unless you’re storing an unchanging, primitive value, maybe you should use let suggests Brian. - http://amp.gs/rILN

#javascript
One Simple Trick to Optimize React Re-renders

An illustration of a natural, built-in performance optimization that doesn’t require using things like React.memo, PureComponent, or shouldComponentUpdate. - http://amp.gs/rj3P

#react