CodeRoll | Frontend
4.36K subscribers
1.73K photos
74 videos
1 file
1.03K links
OZ — Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги
— Веб-разработка на JS, HTML, CSS, React, Vue,Angular

Купить рекламу: https://telega.in/c/coderoll

Чат: https://t.me/coderoll_chat

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
Как работает хук useState?

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

const [count, setCount] = useState(0);


Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
💅31
Что такое динамический импорт в React?

Ответ:
Динамический импорт позволяет загружать модули асинхронно. В React это используется для ленивой загрузки компонентов, что улучшает производительность приложения. Пример:

const LazyComponent = React.lazy(() => import('./LazyComponent'));


Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
💅1
👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции


Избегайте условных конструкций - один из самых странных принципов 🥺

Вы спросите: "Как так? Как я могу писать код без использования условий?"

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

Это работает как в комплексных функциях, так и в классах за счет полиморфизма (см. примеры кода)

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥1😁1
Что выведет этот код?
👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции


✏️ Используйте функции для удаления дубликатов кода

Одно из первых правил, которые мы изучаем в функциях - это соблюдение правила DRY (don't repeat yourself)

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

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
2
Что выведет этот код?
👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции


В JS отдавайте предпочтение функциональному программированию, а не императивному

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

📌 Описывайте действия в функциях исходя из вопроса "Как прийти к такому результату?", а не "Сделать это и это"

📌 Используйте встроенные методы вместо того, чтобы реализовывать такой же функционал вручную

Это сделает ваш код более универсальным, чистым и легко тестируемым

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
😁1
Что выведет этот код?
⚡️ Бесплатное обучение фронтенд-разработке с нуля

Опыт в программировании не нужен.

На канале Интенсивный JavaScript действующий тимлид и опытный разработчик помогает изучить фронтенд на практических задачах, которые интересно кодить

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

Вот проекты, которые можно создать:
💡 фронтенд для интернет-магазина на JS
💡сервис доставки на HTML/CSS, JS и Vue
💡 туду-лист на React + TypeScript

Обучение подойдёт, даже если у вас нет опыта в программировании — всё объясняют так, чтобы поняла даже ваша бабуля

🔖Ещё этот парень регулярно набирает новичков в свою команду и знает, как трудоустроиться джуну или стартовать на фрилансе без бирж

Помимо работы с кодом он даст пошаговый план изучения всего, что необходимо знать и уметь, чтобы зарабатывать на фронтенде в 2026 году

Расскажет, как взять свой первый заказ на фрилансе без фриланс-бирж с огромной конкуренцией

Подписывайтесь, чтобы участвовать, осталось 56 мест


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

🟠Участвовать бесплатно
Please open Telegram to view this post
VIEW IN TELEGRAM
Что выведет этот код?
Что выведет этот код?
Что выведет этот код?

Coderoll | Frontend
Что выведет этот код?
Как получить оффер, лежа на пляже?

История Маши — frontend-разработчицы с 6 месяцами опыта.

2 месяца она искала работу сама:
читала вакансии, сравнивала требования, откликалась вручную.

Потом подключила ИИ-ассистента Софи
и уехала в отпуск.

Пока Маша отдыхала, Софи сделала 200 откликов.

Результат:

• 15 интервью
• 7 тестовых
• оффер

Самое неожиданное — зарплата почти в 2 раза выше, чем была указана в резюме.

Доступ в Софи уже открыт. Мест остается немного.

Каждому пользователю доступно 3 дня бесплатного теста.

Подробнее читай здесь.
Что выведет этот код?
Что выведет этот код?