FrontEnd Development
28.8K subscribers
145 photos
1 video
9.35K links
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile and more.
Download Telegram
An Overview of Node's Architecture, Event Loop, and More

We’re were starting to suspect that the good doctor (also the author of books like Deep JavaScript) was working on a Node book and.. he is: “Writing cross-platform shell scripts with Node.js.” Happily, we get to enjoy the byproducts of his work like this succinct, yet technical, overview of Node’s key elements. - https://2ality.com/2022/09/nodejs-overview.html

#nodejs
👍7
Error Handling in Vue3

This article will briefly implement an error handling method and then introduce the implementation process of the Vue 3 source code. - https://dev.to/chris1993/error-handling-in-vue3-1g89

#vue
👍2👏1
Light/Dark Mode

Sara Wallén explains how to create a light/dark mode switcher. - https://color-scheme-light-dark.netlify.app/

#css
👍81👏1
Validating Your Vue Props Like a Pro

Vue requires users to declare any data passed to a component as props explicitly. Let's explore this powerful tool that can help us reduce bugs and increase our confidence during development and debugging. - https://fadamakis.medium.com/validating-your-vue-props-like-a-pro-5a2d0ed2b2d6

#vue
👍5🔥1
How BenchSci Moved Its Science Webapp to Next.js

BenchSci’s AI-Assisted Reagent Selection app is at the core of the company’s business. Here’s the story of how they moved it from a collection of legacy technologies to Next.js without sacrificing the user experience. - https://blog.benchsci.com/moving-house-to-next.js

#react
👍3
Custom Angular Form Password Component

In this post we are going to create a custom component which is designed for Reactive Forms and with a few tweaks can be fully functional for Template Driven Forms within Angular. - https://dev.to/lloydmi/custom-angular-form-password-component-970

#angular
👍31
VueUse - the Library that Makes Vue 3 Worth the Upgrade

VueUse is a collection of 200+ essential utility functions for interacting with various APIs like browser, state, network, animation, time, and more. - https://medium.com/js-dojo/vueuse-the-library-that-makes-vue-3-worth-the-upgrade-7047c5bb00ce

#vue
👍4
Not All Zeros are Equal

Miriam Suzanne outlines a few common situations where removing units from 0 value will break your code. - https://www.oddbird.net/2022/08/04/zero-units

#css
👍2
Best Practices for Creating a Modern npm Package

A step-by-step “as of 2022” walkthrough of creating your own npm package using current best practices. It’s very thorough and certainly worth revisiting, even if you’ve built a package already. As always, though, there’s more than one way to do it, and other tools like np can be brought into the mix as needed. - https://snyk.io/blog/best-practices-create-modern-npm-package/

#nodejs
7👍5
Why Use Storybook in 2022?

I’d prefer an independent take, warts and all, but this is a reasonable roundup of why Storybook is popular among users of component-driven frameworks. Write declarative stories, simulate your components in action, and share the results or use it as an internal directory. - https://storybook.js.org/blog/why-storybook-in-2022/

#storybook
👍7🍾1
React 18's New State Hook You've Never Heard About

We know videos are a hard sell, but Jack is at the top of his game right now, and this one has had rave reviews. It covers useSyncExternalStore from start to finish with a practical example and is well worth the watch. If you don’t like videos, the next item covers the same hook in written form. - https://www.youtube.com/watch?v=GMeQ51MCegI

#react
👍6
6 VSCode Extensions Necessary for Vue 3 Development

Check out these VSCode extensions for Vue 3 development which can be installed and used directly through the VSCode extension center. - https://dev.to/chris1993/6-vscode-extensions-necessary-for-vue3-development-e6e

#vue
👍2
Typesafe Environment Config in Angular

How to configure a Typesafe environment in Angular - http://amp.gs/jG4un

#angular
👍3
8 GitHub Resources for Becoming a Developer in 2022

A list of resources that is useful for both beginners and people who are already familiar with programming. - http://amp.gs/jG4FI

#frontend
8👍3
Preact's Signals: A 'Fast-by-Default' Reactive State Primitive

They provide a reactive way of expressing state (in a natural way that feels like using plain values) such that apps stay fast regardless of complexity. It’s a Preact (a slimline React alternative) development, but it can be used with React through a monkeypatch. Note that Dan Abramov shares that the idea isn’t “very promising” for React’s future road map for various reasons. - http://amp.gs/jG4cF

#react #preact
👍8