​Простое руководство по компонентным свойствам в React

props, как и state являются важной частью библиотеки React. Они позволяют компонентам взаимодействовать между собой.

Если вы недавно начали изучать React, то в этой статье вам объяснят, что такое пропсы и как ими пользоваться куда проще и нагляднее, чем в официальном руководстве:

https://tprg.ru/KjzU

#react

Разработка Tizen-приложений для Samsung Smart TV на JavaScript

JavaScript по праву называют универсальным языком, ведь его возможности не ограничиваются веб-разработкой. В сегодняшней статье вы узнаете, как его можно использоваться даже для создания приложений для телевизоров Samsung.

Подробнее:

https://tprg.ru/CZcQ

#javascript

​Равные столбцы с Flexbox: это сложнее, чем вы думаете

«Используй Flexbox для расположения элементов», — говорили они. «Это легко», — говорили они.

Ну да, как же! Попробуйте настроить флексы так, чтобы три блока были абсолютно одинаковы по ширине, несмотря на количество контента в каждом! Flex-shrink тут не поможет.

Почему такое может произойти? Разобрались в статье:

https://tprg.ru/W5N0

#css

​Видеокурс по TypeScript

TypeScript — это вариация JavaScript со строгой типизацией и рядом других особенностей. Если вы уже знакомы с JS и теперь хотите изучить TS, то этот плейлист вам поможет.

Здесь вы найдёте 13 видео, рассказывающих и объясняющих различные особенности TypeScript:

https://tprg.ru/rmPT

#typescript

Плюсы, минусы, советы и хитрости при использовании Prettier в большой кодовой базе

Prettier — это инструмент, который знааачительно облегчает разработку в команде. С ним вам не надо думать, что ставить — 2 пробела, 4 или вообще табуляцию, он приведёт эти и другие моменты в коде к общепринятому в команде виду, а вам достаточно просто писать качественный код так, как вы привыкли.

Но у всего есть и обратная сторона. В этой статье автор поделился какими недостатками обладает Prettier и как их можно нивелировать:

https://tprg.ru/pFqk

​Топ-5 встроенных баз данных для приложений JavaScript

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

Для этих целей придумано немало встроенных баз данных. О них подробнее вы узнаете в этой статье:

https://tprg.ru/BEbx

#javascript

Классовая ненависть какая-то

Как работают функции provide и inject во Vue 3?

Vue 3 принёс много нового для разработчиков. Теперь вам можно даже обойтись без VueX благодаря функциях provide и inject. Работают они достаточно просто и интересно.

В статье вы узнаете подробности:

https://tprg.ru/VLap

#vue

​Двойные, одинарные или обратные кавычки в JavaScript. Что лучше?

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

Так что лучше? Ответ в статье:

https://tprg.ru/1n25

#javascript

Интерактивная викторина на JavaScript

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

Здесь можно попробовать пройти викторину и изучить код:

https://tprg.ru/Eelb

#codepen

Популярные макеты и шаблоны, созданные с помощью CSS

Смотрите какую полезную штуку мы нашли для вас! Здесь собрано огромной количество готовых макетов и шаблонов CSS для самых разных задач — инпуты, кнопки, макеты страниц и многое другое.

Вам достаточно выбрать подходящий шаблон или макет и скопировать предоставленный код к себев проект!

https://tprg.ru/E0X5

#css

7 лучших библиотек для создания молниеносно быстрых приложений React

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

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

https://tprg.ru/f16u

#react

Если добавить JS, то получится ассистент Samsung

​ES12 сделает вашу жизнь проще

ECMAScript 2021, он же ES12 приготовил нам немало полезных фишек, которые понравятся многим из вас. replaceAll() вместо регулярок, операторы логического присваивания для ещё более лаконичного кода и многое другое.

Подробнее:

https://tprg.ru/Xxwl

#javascript

Что случится, если... Kubernetes edition

Умеете пользоваться Kubernetes? Круто! А знаете, что происходит, когда вы вводите всего одну строку в командную строку?

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

https://tprg.ru/UQgJ

#devops #kubernetes

​Создание нейронной сети Хопфилда на JavaScript

Даёшь JavaScript ещё и в машинном обучении! Python пора подвинуться? Нет, конечно, но создать простую нейронную сеть и понятным языком с наглядными примерами объяснить, как она работает на JavaScript не составит труда.

В качестве доказательства — эта статья:

https://tprg.ru/BrmR

#javascript #ml

Тренажёр слепой печати

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

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

Попробовать и посмотреть код можно по ссылке:

https://tprg.ru/07C3

#codepen

5 продвинутых паттернов React-разработки

К решению одной задачи можно подойти по-разному. Особенно в программировании. Сегодня предлагаем вам познакомиться с пятью паттернами разработки на React на одном и том же примере для наглядности:

https://tprg.ru/ZnSB

#react

3D-капча

Интересный вариант капчи, которая должна запутать робота. Да что там робота! Она и человека запутать может.

Автор предлагает всего-навсего воссоздать из отдельных блоков букву F, двигая блоки вокруг своей оси.

Посмотреть реализацию и попробовать можно тут:

https://tprg.ru/FLN5

#codepen

​Подборка полезных однострочников для JavaScript

Сохраняйте в закладки эту подборку однострочников, которые помогут вам в самых разных ситуациях и заставят выглядеть вас профессионалом в глазах других:

https://tprg.ru/dWhO

#javascript