Телеграмм чат группы frontend

Size: a a a

Frontend Info

2020 August 03

Нежное введение в Webpack

Почему существует Webpack, какие проблемы он решает и как его использовать https://gooo.im/yabNqC #tools

Webpack: A gentle introduction - ui.dev

A gentle introduction to why Webpack exists, what problems it solves, and how to use it.

источник

217108:20пожаловаться #1

Frontend Info

Новый курс: создание JavaScript приложений с Node.js

Microsoft выпустила видеокурс, охватывающий Node с самого начала от настройки проекта, отладки с использованием VS Code и построения API на основе Express https://gooo.im/BXvFwH

Docs

Build JavaScript applications with Node.js - Learn

Node.js provides a large set of built-in APIs that help you build various types of applications, command-line apps, web apps, servers, and more. It also offers testing and debugging capabilities and a rich ecosystem of third-party packages that you can easily add to your application. Use Node.js with JavaScript/TypeScript to create all kind of applications using Visual Studio Code.

источник

186515:35пожаловаться #2

2020 August 04

Frontend Info

Ментальная модель для мышления в TypeScript

Если вы новичок в TypeScript и боретесь с тем, как "больше думать о типах" эта статья будет вам полезна https://gooo.im/3eRWSP #typescript

источник

178608:35пожаловаться #3

Frontend Info

Как настроить и использовать navigators в React Native

https://gooo.im/a21jYx #react_native

Jscrambler

How to Set Up and Use Navigators in React Native | Jscrambler Blog

React Native navigators are used to quickly set up routing of screens. In this tutorial, we fetch data using GraphQL and then pass it between two screens.

источник

169115:20пожаловаться #4

2020 August 05

Frontend Info

Пять распространенных ошибок при написании React компонентов с хуками

https://gooo.im/ky43Gi #react

www.lorenzweiss.de

Five common mistakes writing react components (with hooks) in 2020

The most common mistakes I found while writing react components, why they are mistakes and how to avoid or fix them.

источник

175808:45пожаловаться #5

Frontend Info

Встроенное форматирование даты и времени в JavaScript

Использование Date.prototype.toLocaleDateString() и связанных с ним методов. Есть удобная графика, которая тоже работает как своего рода шпаргалка https://gooo.im/JugVTD #js

Elijahmanor

Natively Format JavaScript Dates and Times

Modern browsers provide advanced JavaScript date/time formatting with locale and time zone support

источник

180114:55пожаловаться #6

Frontend Info

Что означает 100 % в CSS?

https://gooo.im/rsm9hV

источник

167117:45пожаловаться #7

2020 August 06

Frontend Info

Структуры данных, которые вы должны знать как JavaScript разработчик

https://gooo.im/bar9f4 #js

Medium

Data Structures You Should Know as a JavaScript Developer

Understanding Data Structures is helpful in all aspects of programming, you don’t need to have a particular use case where you’ll use a…

источник

194308:15пожаловаться #8

Frontend Info

Асинхронное тестирование с React c Enzyme, Jest и React Testing Library

https://gooo.im/FYlkuo #react #testing

Ben Ilegbodu

Asynchronous testing with Enzyme & React in Jest | Ben Ilegbodu

How to use Enzyme to test UI updates after asynchronous events in React components

источник

180315:55пожаловаться #9

2020 August 07

Frontend Info

Полное руководство по тестированию JavaScript и React c Jest, React Testing Library, Cypress

https://gooo.im/kTvG8U #testing #react

Testing TypeScript & React with Jest, React Testing Library, Cypress - Ragnar Rebase

Prevent regressions and have more confidence in your code.

источник

182308:40пожаловаться #10

Frontend Info

release: генерация журналов изменений с помощью одной команды

При запуске CLI автоматически генерирует новый GitHub релиз и заполняет его изменениями (коммитами), сделанными со времени последнего релиза https://gooo.im/fenoDT #tools

Github

Managing releases in a repository - GitHub Docs

You can create releases to bundle and deliver iterations of a project to users.

источник

166915:30пожаловаться #11

2020 August 08

Frontend Info

Полное руководство по тестированию React Hooks

Это учебное пособие дает полный обзор тестирования React Hooks, чтобы вы могли начать работу в правильном направлении https://gooo.im/WMngB3 #react #testing

Toptal Engineering Blog

Complete Guide to React Hooks Testing

This article explores how to test React Hooks and outlines an eight-step testing plan you could employ to test your own projects.

источник

179110:15пожаловаться #12

Frontend Info

Выпущен Ink 3

Если вы любите CLI и React, вы будете любить Ink - это позволит вам получить тот же компонентный подход к пользовательскому интерфейсу, но в командной строке. https://gooo.im/5cfgxb

источник

172913:35пожаловаться #13

2020 August 09

Frontend Info

Генерация типов TypeScript и React Hooks на основе GraphQL

https://gooo.im/dVSnhM #graphql #typescript #react

Generating TypeScript types and React Hooks based on GraphQL endpoint

Autogenerate Typescript types and custom React hooks in React applications with GraphQL Code Generator.

источник

172410:35пожаловаться #14

Frontend Info

Что значит "полиморфизм" в JavaScript.

https://gooo.im/GyZolL #js

Zell Liew

Polymorphism in JavaScript | Zell Liew

There are three kinds of Polymorphism—Adhoc Polymorphism, Parametric Polymorphism, and Subtype Polymorphism. I explain what each of them are and what they do.

источник

179515:15пожаловаться #15

2020 August 10

Frontend Info

7 вещей, которые вы могли не знать о RxJS

https://gooo.im/WGHI9O #js #rxjs

источник

174308:30пожаловаться #16

Frontend Info

Бесконечная прокрутка без сдвига макета

Адди Османи рассматривает, как шаблоны загрузки длинных списков могут повлиять на Core Web Vitals, с помощью некоторых рекомендуемых исправлений https://gooo.im/1ZT8wN

Addyosmani

Infinite Scroll without Layout Shifts

Learn how to implement infinite scrolling for long lists without causing surprising layout shifts.