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

Admin: @andrey2019
Download Telegram
Building a data layer with Vue and Composition API – Martin Malinda

An interesting article that explains how to build the data-layer for your Vue applications using the Vue Composition-API. - http://amp.gs/W7Qd

#vue
Testing Angular route guards with the RouterTestingModule

We explore how to test route guards in isolation by stubbing services and passing fake routing data structures. Then we use the RouterTestingModule to test route guards in practice with route configurations. - http://amp.gs/WP5b

#angular
Full Bleed Layout Using Simple CSS

Kilian Valkhof demonstrates a simple techique to create layouts with an image that “breaks out”. - http://amp.gs/WhXd

#css
Myths About useEffect

In the latest teaser for his upcoming course, Kent addresses the struggle many developers have employing the useEffect hook correctly. As usual, he makes it seem easy. - http://amp.gs/WvMT

#react
Nuxt SSR Optimizing Tips - Filip Rakowski

Learn about the difference between server-side and client-side rendered optimization, and how to optimize your Nuxt SSR applications for optimal performance. - http://amp.gs/WgbW

#vue #nuxt
Angular Thoughts on Docs

If you have visited the docs at angulario lately, you might have noticed some changes in our content layout and structure. The lead technical writer for Angular thought he’d take a moment to cover some of the main goals they have for making the Angular documentation experience the best experience possible. - http://amp.gs/WEXz

#angular
Building a Node App with CockroachDB and Sequelize

CockroachDB is an open source distributed SQL database aimed at resilience and its creators consider the Node ORM Sequelize to have ‘beta level’ support for it. - http://amp.gs/WVWW

#nodejs
The Modern Way to Style with Styled Components

The author takes you on his journey from styling React with inline CSS to fully utilizing Styled Components. He vows to never go back to his old way of doing things. - http://amp.gs/W4uD

#react
The –-var Hack to Toggle Multiple Values With One Custom Property

Lea Verou showcases an interesting hack to turn multiple different values on and off across multiple different properties and multiple CSS rules. - http://amp.gs/WRuP

#css
Angular State Management Without RxJS - An Experiment

Implementing a state management in modern web Angular applications can be tricky.

There are many libraries, such Ngrx, ngxs, Akita, which can be integrated to manage stores but, these are strongly opinionated and have impact on the architecture of the solution. - http://amp.gs/WUsi

#angular
Getting Started with Eleventy, the Static Site Generator

11ty (a.k.a. Eleventy) is a Node-powered static site generator that may interest you if you want to keep things really simple. - http://amp.gs/WduT

#nodejs
A React Cheatsheet for 2020

We somehow missed this when it came out earlier this year but it’s a handy resource for those who prefer just-in-time learning or want even more prep for nailing that interview. - http://amp.gs/WOfj

#react
Opening Links in New Browser Windows and Tabs

Jakob Nielsen and Anna Kaley explain that you should carefully examine the user’s context, task at hand, and next steps when deciding whether to open links to documents and external sites in the same or a new browser tab. - http://amp.gs/WOuk

#css
Detached Window Memory Leaks

If code causes a popup window to appear but then retains a reference to such a window, a memory leak can occur. This thorough post looks at why, when they occur, and how to solve the problem in your own code. - http://amp.gs/WryW

#javascript
Comparing the Type Safety of 8 TypeScript ORMs and Database Libraries

This comes from the folks at Prisma so take that bias into account, but they do cover several other libraries. - http://amp.gs/WSlM

#nodejs
15 React Interview Questions with Solutions

If you’re looking to break into the thriving React development ecosystem, you’re going to have to nail the interview. Here are some questions to help you prepare. - http://amp.gs/WS6U

#react
Modern Angular

In his blog post “Angular is an Onion” Victor showed us that Angular is many things. In the middle there are the core capabilities and APIs of the framework. The team at Google is well positioned to build them: the team has the right expertise and feedback mechanisms. - http://amp.gs/WAIS

#angular
min(), max(), and clamp(): Three Logical CSS Functions to Use Today

Una Kravets demonstrates how to control element sizing, maintain proper spacing, and implement fluid typography using min(), max(), and clamp() CSS functions. - http://amp.gs/Wqme

#css