React | Разработка приложений

🔥 Шаблонные строки Шаблонные строки используют, чтобы создавать сложные объекты класса String, а также динамически вычислять стили элементов в зависимости от условий. Можно вставлять значения переменных, операторы, вызовы функций и т. д.

Легко и быстро прокачать свой скилл в HTML/CSS/JS? Легко! Еще Конфуций говорил: "Скажи мне — и я забуду, покажи мне — и я запомню, дай мне сделать — и я пойму." Он был мудрым мужиком, а мудрых надо слушать!  Решить проблему с нелегким заучиванием и нехваткой практики можно — подписывайся на Frontend Quiz. Ребята ежедневно публикуют задачи по HTML, CSS и JS.  Присоединяйся к уютному комьюнити!

💡 Cинтаксическая структура — enum TypeScript вводит удобную синтаксическую структуру — enum. Enum используется для конечных перечислений. Освоив enum, поначалу хочется писать его очень часто. Однако у enum есть справедливая критика, связанная с генерируемым кодом после компиляции.

🔥Хардкорный тест по React.js — Ответьте на 19 вопросов - узнайте, хорошо ли вы знаете фреймворк. Сдадите — пройдёте на продвинутый курс по React.js со скидкой. 👉🏻ПРОЙТИ ТЕСТ ПО REACT.JS 📌Хотите протестировать учебный процесс заранее? Регистрируйтесь на бесплатные демо-занятия: — «Создание быстрых сайтов с Astro.build»: регистрация — «Refine.js - мощный фреймворк разработки внутренних приложений»: регистрация

📌 Литеральные типы — более простая и удобная альтернатива перечисления. В ряде случаев использование таких типов более уместно.

В сети появился новый канал, в котором публикуются крутые инструменты разработчика 🔥🔥🔥 Подписывайся, чтобы проекты становились еще лучше 👍🏻

Использовать 'any' Плюсы: - Вы не хитрите и не пишете костылей. - Вы сознательно показываете, что в будущем код стоит доработать. - Подобный тип легко найти поиском по проекту. Минусы: - Слишком частое использование этого приема вряд ли принесет пользу. - Нужна сознательность и ответственность, чтобы в будущем убрать такие затычки.

Если Вы фронтентд-разработчик и не можете принять решение каким образом лучше реализовать свой проект, то рекомендую подписаться на телеграмм канал ФронтЛиба. ФронтЛиба – канал, на котором размещается информация про популярные, и не очень, фреймворки языка программирования JavaScript. А также другие полезные инструменты для фронтенд разработчика.   Переходи скорее и узнай, на каком фреймворке написаны самые громкие проекты в мире!

⚡ Хук useSyncExternalStore Для обеспечения безопасной и эффективной интеграции компонентов React с внешними изменяемыми источниками во время параллельного рендеринга.

Делаем полноценный проект в портфолио от А до Я. Бесплатно.  Немного обо мне. Меня зовут Андрей, я Senior Frontend разработчик. Веду Ютуб и несколько ТГ каналов. Обучаю Frontend разработке бесплатно всех желающих. Недавно я провёл опрос среди подписчиков и многие поддержали мою идею. Я решил сделать большой проект, большой плейлист, в котором мы реализуем огромное количество функционала. Гарантирую, такой проект сделает из вас мидла.  Переходи в наш канал с анонсами, чтобы не пропустить: @senior_javascript

Переменные let и const в React let и const — предпочтительные ключевые слова для объявления переменных в React, поскольку их поведение предсказуемо. Как и в JS, переменные, которые планируется переназначить, объявляют с помощью let, а те, которые не нужно переназначать, — const. const также используют при объявлении компонентов в комбинации со стрелочными функциями, поскольку компоненты остаются неизменными.

20 октября в Айтилогии стартует 7-дневный бесплатный интенсив по frontend-разработке, на котором ты с нуля без знаний создашь фронтенд-проект на Angular 🔥 На интенсиве ты: – Сверстаешь лендинг на HTML + CSS – Реализуешь функционал на JavaScript – Используешь фронтенд-фреймворк Angular – Подключишь Backend и загрузишь сайт на хостинг 🎁 Будет общий чат, проверка домашек от экспертов, различные бонусы! А в конце автор подарит своё резюме Senior-разработчика, с помощью которого устроился на ЗП 3500$  Первые 100 мест бесплатно, потом 6 990 руб. Не упусти👇🏻 Frontend Start

В приведенном примере у нас имеется 2 страницы, обрабатываемые роутером: главная (home) и контакты (contacts). При клике по <Link> роутер рендерит соответствующий <Route> (маршрут, путь). Обратите внимание: под капотом  <Link>  рендерит  <a> с настоящим href

Axios это один из самых популярных HTTP клиентов для браузеров и node.js, основанный на промисах. В Axios есть поддержка запросов, получение ответов от сервера, их трансформация и автоматическая конвертация в JSON.

Средняя зарплата блокчейн-разработчика в России - 300 000 рублей в месяц, а самый простой проект крипто-обменника стоит от 5000$. Все еще хочешь быть JavaScript-разработчиком? Код Блокчейна - первый обучающий канал в СНГ, созданный full-stack блокчейн-разработчиками. Они обменник, биржу, и даже свою криптовалюту могут написать😃 На этом канале тебе расскажут просто о сложном: блокчейне, криптовалютах, смарт-контрактах, NFT и многом другом. Все это на конкретных примерах с кодом, так что даже новичок разберется. @code_blockchain - твоя возможность стать блокчейн-разработчиком с нуля!

Компоненты Class Components были основной частью React до появления React Hooks. Хотя большинство новых проектов отдают предпочтение функциональным компонентам, все еще существует много проектов на основе React, в которых используются компоненты класса.

Learn frontend tips - telegram-канал в котором вы найдёте подсказки для frontend разработчиков по: ✓ HTML ✓ CSS ✓ JavaScript ✓ UX/UI

TypeScript — это язык программирования для веб-разработки, основанный на JavaScript. Делает код понятнее и надежнее, добавляет статическую типизацию (переменные привязаны к конкретным типам данных), а также может быть скомпилирован в JavaScript. TypeScript используют фронтенд- и бэкенд-разработчики.

Для чего нужен Redux ✓ для управления состоянием приложения, работающего с большим количеством данных; ✓ удобной замены встроенных средств работы с состоянием в React; ✓ более легкого масштабирования приложения, его преобразования под разные задачи; ✓ избавления от ошибок, связанных с беспорядком в объекте состояния; ✓ предсказуемости и понятности работы приложения; более простой отладки и доработки; ✓ повышения производительности и работоспособности программы.

Хранилище (store) — это объект, который: ✓ содержит состояние приложения; ✓ отображает состояние через getState(); ✓ может обновлять состояние через dispatch(); ✓ позволяет регистрироваться (или удаляться) в качестве слушателя изменения состояния через subscribe()