Планы по развитию React

Команда разработчиков React поделилась дальнейшими планами развития библиотеки. Среди них автоматическое пакетирование, новые API-интерфейсы и новое средство рендеринга.

Подробнее можете узнать в их блоге:

https://tprg.ru/xJO2

#react

​5 проектов для выведения навыков фронтенд-разработки на новый уровень

Если хотите прокачать свои навыки, как фронтенд-разработчика, то эта статья вам поможет. Здесь представлены 5 проектов, использующие различные технологии, которые позволят вам пополнить своё портфолио и увеличить багаж знаний:

https://tprg.ru/ZswA

Лучшие UI-фреймворки для Vue 3

Использование UI-фреймворков ещё сильнее упрощает разработку веб-сайта на Vue. На сегодняшний день существует несколько актуальных фреймворков, которые вы можете использовать в собственном проекте.

Подробнее о них здесь:

https://tprg.ru/bKUi

#vue

Библиотека react-lazyload

Если вдруг вы не знаете, что такое ленивая загрузка — рассказываем. Ленивая загрузка — это возможность загрузки отдельных компонентов при открытии страницы, необходимых в данный момент. Так, в случае, если какие-то компоненты не нужны в текущей ситуации они не будут загружаться и тем самым снизят нагрузку на сеть и ускорять загрузку страницы.

Для React существует специальная библиотека, которая позволяет быстро настроить ленивую загрузку на вашем сайте, вот она:

https://tprg.ru/MawQ

#react #библиотека

​Angular vs. React vs. Vue

Задумываетесь о том какой из фреймворков/библиотек учить первым или хотите подобрать наиболее подходящее решение для следующего проекта?

В этой статье вы найдёте сравнение трёх популярных решений и сможете выбрать:

https://tprg.ru/Zfzg

#react #angular #vue

Лампа на GSAP

Приятная глазу и интересная с точки зрения реализации лампа, которая включается и выключается, если потянуть за шнурок.

Выполнена с использованием GSAP и SVG. Изучить подробнее можно тут:

https://tprg.ru/03MT

#codepen

VS Code передаёт привет

Познакомьтесь с Aurelia

React, Vue, Angular, набирающий популярность Svelte — обо всех этих фреймворках вы так или иначе слышали скорее всего.

Но среди них есть место для ещё одного отличного фреймворка, который называется Aurelia. Если ещё не имели с ним дел или даже не слышали о нём, то предлагаем вам ознакомиться с ним:

https://tprg.ru/01Rg

​Еще одна альтернатива JavaScript: ReScript

CoffeScript есть, TypeScrypt есть, есть даже PureScript, но разработчикам всё мало. Вот очередная альтернатива JavaScript, которая не просто хочет потеснить JS, но замахивается ещё и на TS.

Так что это за зверь такой? Давайте разбираться:

https://tprg.ru/jRAH

Learn CSS

Этот сервис поможет изучить CSS с нуля новичку во фронтенд-разработке или закрыть имеющиеся пробелы более опытному разработчику.

Сервис постоянно обновляется и поддерживается в актуальном виде, предлагая сразу несколько способов изучения CSS — подкасты, тексты и готовые примеры, которые можно разобрать.

Заходите:

https://tprg.ru/da3h

#css

Запуск проекта TypeScript в 2021 году

Интересуетесь TypeScript? Тогда обратите внимание на это руководство. Здесь вы можете подробно изучить, как запустить проект на TypeScript, как настроить линтинг, тестирование и многое другое:

https://tprg.ru/WcDG

#typescript

​Современное руководство по паттернам состояний React

В этой статье вы можете подробнее узнать о состояниях в React, начнёте лучше в них разбираться, а также познакомитесь с современными паттернами состояний:

https://tprg.ru/yk8t

#react

JSON-сериализация необязательных полей в Go

При наличии необязательных полей может возникнуть такая проблема, что из-за отсутствия некоторых из них при сериализации часть данных запишется неверно и вызовет ошибки в будущем.

Если вы работаете с Go, то в этой статье вы узнаете, как правильно сериализовать такие поля:

https://tprg.ru/IFxC

#go

​Будущее веба: станет ли рендеринг в <canvas> заменой DOM?

Google очень влиятельная компания не только в IT-сфере, но и в мире вообще. И то, что они решили использовать Canvas для полной отрисовки некоторых своих веб-приложений может послужить толчком для других компаний последовать их примеру. Так, например, было с первыми применениями асинхронных JS-запросов, которые сегодня используются повсеместно.

В этой статье попробовали разобраться с текущими тенденциями и понять хорошо это или плохо:

https://tprg.ru/J5Hn

А как вы считаете, может ли рендеринг Canvas стать заменой DOM в будущем?

#html

Аркадный автомат с Pacman на CSS

Отличный проект, чтобы изучить возможности CSS и препроцессора SCSS.

Здесь вы можете посмотреть, как с помощью HTML и CSS автор создал анимированный рисунок без единой строки JS:

https://tprg.ru/nZKl

#codepen

Эксель!

Интересные подробности об объектах JavaScript

Объекты в JS это основа основ. Практически всё в JavaScript является так или иначе объектом. Поэтому правильное их понимание и знание всех аспектов помогает в разработке всем, кто решили их изучить подробнее.

В этой статье вы можете узнать об объектах интересные особенности:

https://tprg.ru/Nuj0

#javascript

15 случайных сниппетов и методов Laravel

Если вы часто работаете с Laravel, то скорее всего знаете о некоторых из этих сниппетов и методов. Но тем не менее, вы можете найти здесь для себя что-то новое и полезное:

https://tprg.ru/eMBa

#laravel #php

​Известные заблуждения в Angular

Angular не самый популярный фреймворк и не самый простой в освоении. Из-за этого вокруг него сложились некоторые стереотипы и заблуждения, которые автор этой статьи попытался разобрать и развеять:

https://tprg.ru/I02o

#angular

​Вывод чётких изображений на экраны с высокой плотностью изображения

Слава инженерам и разработчикам, которые подарили нам возможность пользоваться экранами с высокой плотностью изображения и не ломать свои глаза. Сегодня всё меньше остаётся устройств с небольшой плотностью пикселей на экране и этом влечёт некоторые проблемы с адекватным выводом изображений без существенной потери качества на разных экранах.

О том, как обеспечить вывод оптимально чётких изображений на современных экранах вы можете узнать в статье:

https://tprg.ru/yRVO