Наглядные примеры использования React Hooks
В этой статье вы узнаете различные особенности React Hooks и получите полезные советы по их использованию. Автор объясняет, как работать с хуками жизненного цикла, кастомными хуками и хуками контекста, а также как обрабатывать ошибки в хуках на наглядных примерах с кодом.
https://css-tricks.com/react-hooks-the-deep-cuts/
@tproger_web #react #фронтенд
В этой статье вы узнаете различные особенности React Hooks и получите полезные советы по их использованию. Автор объясняет, как работать с хуками жизненного цикла, кастомными хуками и хуками контекста, а также как обрабатывать ошибки в хуках на наглядных примерах с кодом.
https://css-tricks.com/react-hooks-the-deep-cuts/
@tproger_web #react #фронтенд
Интересный codepen-проект: Book Writing Animation
Анимация набора текста сделана при помощи пакета typewriter-effect. Он позволяет создать зрелищные и динамичные эффекты печати текста на веб-страницах.
Исходники: https://codepen.io/wakana-k/pen/bGxaoNv
@tproger_web #codepen
Анимация набора текста сделана при помощи пакета typewriter-effect. Он позволяет создать зрелищные и динамичные эффекты печати текста на веб-страницах.
Исходники: https://codepen.io/wakana-k/pen/bGxaoNv
@tproger_web #codepen
Состоялся релиз WinterJS — самой быстрой среды выполнения JavaScript
Разработчики Wasmer представили среду выполнения JavaScript-кода WinterJS 1.0. Проект поддерживает компоненты React Server и работу с Cloudflare API.
WinterJS анонсировали в октябре 2023 года, а уже сейчас проект поддерживает обработку базовых HTTP-запросов и цикл событий JavaScript. Среду выполнения можно полностью скомпилировать в WebAssembly, что делает её первой поддерживающей полную совместимость с Wasmer Edge. Код WinterJS написан на JavaScript и Rust.
Из приятных особенностей WinterJS:
— обработка 150 тыс. запросов в секунду, что делает среду выполнения самой быстрой из доступных.
— совместимость с Cloudflare API;
— поддержка веб-фреймворков Next.js, Hono, Astro, SvelteKit, компонентов React Server, Nuxt, Gatsby и Remix.run.
Код среды выполнения WinterJS открыт и опубликован на GitHub: https://github.com/wasmerio/winterjs
@tproger_web #javascript
Разработчики Wasmer представили среду выполнения JavaScript-кода WinterJS 1.0. Проект поддерживает компоненты React Server и работу с Cloudflare API.
WinterJS анонсировали в октябре 2023 года, а уже сейчас проект поддерживает обработку базовых HTTP-запросов и цикл событий JavaScript. Среду выполнения можно полностью скомпилировать в WebAssembly, что делает её первой поддерживающей полную совместимость с Wasmer Edge. Код WinterJS написан на JavaScript и Rust.
Из приятных особенностей WinterJS:
— обработка 150 тыс. запросов в секунду, что делает среду выполнения самой быстрой из доступных.
— совместимость с Cloudflare API;
— поддержка веб-фреймворков Next.js, Hono, Astro, SvelteKit, компонентов React Server, Nuxt, Gatsby и Remix.run.
Код среды выполнения WinterJS открыт и опубликован на GitHub: https://github.com/wasmerio/winterjs
@tproger_web #javascript
Forwarded from Точка входа в программирование
This media is not supported in your browser
VIEW IN TELEGRAM
12 алгоритмов в гифках, которые должен знать каждый разработчик
Сейчас среди начинающих разработчиков распространено заблуждение, что зазубривание стандартных алгоритмов имеет важное значение. Для прохождения собеседования на некоторые вакансии это действительно так, но в повседневной деятельности оно не всегда может быть таким важным.
Так неужели знания в области алгоритмов бесполезны? Конечно, нет. Что по-настоящему важно, так это умение думать алгоритмически. Не только чтобы воспроизводить и изменять стандартные алгоритмы, но и чтобы вам было комфортно использовать код для решения задач, с которыми вы столкнетесь в роли разработчика.
Держите статью, где на пальцах объясняют принцип работы 12 популярных алгоритмов: поиски, сортировки, кодирование и другое. Для упрощения понимания у каждого алгоритма есть визуализация.
#алгоритмы #теория
Сейчас среди начинающих разработчиков распространено заблуждение, что зазубривание стандартных алгоритмов имеет важное значение. Для прохождения собеседования на некоторые вакансии это действительно так, но в повседневной деятельности оно не всегда может быть таким важным.
Так неужели знания в области алгоритмов бесполезны? Конечно, нет. Что по-настоящему важно, так это умение думать алгоритмически. Не только чтобы воспроизводить и изменять стандартные алгоритмы, но и чтобы вам было комфортно использовать код для решения задач, с которыми вы столкнетесь в роли разработчика.
Держите статью, где на пальцах объясняют принцип работы 12 популярных алгоритмов: поиски, сортировки, кодирование и другое. Для упрощения понимания у каждого алгоритма есть визуализация.
#алгоритмы #теория
CSS для печати на бумаге
Интересная статья, в которой рассмотрели особенности стилизации веб-страниц для экспорта в печатный вид: https://habr.com/ru/articles/798765/
@tproger_web #css
Интересная статья, в которой рассмотрели особенности стилизации веб-страниц для экспорта в печатный вид: https://habr.com/ru/articles/798765/
@tproger_web #css
Как начать карьеру веб-разработчика?
Веб-разработка, и в частности фронтенд — одна из областей, где от начинающего специалиста не требуют понимания алгоритмов или глубокого погружения в математику.
Подборка советов, с чего начать изучение веб-разработки, как не забросить в самом начале и какую дополнительную технологию изучить, чтобы легче находить заказы на фрилансе: https://tproger.ru/articles/kak-nachat-kareru-veb-razrabotchika
@tproger_web #начинающим #карьера
Веб-разработка, и в частности фронтенд — одна из областей, где от начинающего специалиста не требуют понимания алгоритмов или глубокого погружения в математику.
Подборка советов, с чего начать изучение веб-разработки, как не забросить в самом начале и какую дополнительную технологию изучить, чтобы легче находить заказы на фрилансе: https://tproger.ru/articles/kak-nachat-kareru-veb-razrabotchika
@tproger_web #начинающим #карьера
Как сверстать письмо, чтобы оно дошло до получателя таким, как задумано?
В статье рассказали и показали, как сверстать письмо, чтобы оно наверняка правильно отображалось во всех почтовых клиентах — особенно в Outlook, который до сих пор возглавляет подборки по популярности в РФ: https://habr.com/ru/companies/kts/articles/798615/
@tproger_web #дизайн #вёрстка
В статье рассказали и показали, как сверстать письмо, чтобы оно наверняка правильно отображалось во всех почтовых клиентах — особенно в Outlook, который до сих пор возглавляет подборки по популярности в РФ: https://habr.com/ru/companies/kts/articles/798615/
@tproger_web #дизайн #вёрстка
Вопросы на собеседовании на фронтенд-разработчика
Это — видеокаст, в котором Евгений Ковальчук помогает подготовиться к собеседованиям на позицию джуна и мидла фронтенд-разработчика. В нем вы найдёте технические вопросы, которые можно получить на интервью.
Сохраните, чтобы не потерять: https://www.youtube.com/watch?v=RKFu0MC1aUs
@tproger_web #собеседование #фронтенд
Это — видеокаст, в котором Евгений Ковальчук помогает подготовиться к собеседованиям на позицию джуна и мидла фронтенд-разработчика. В нем вы найдёте технические вопросы, которые можно получить на интервью.
Сохраните, чтобы не потерять: https://www.youtube.com/watch?v=RKFu0MC1aUs
@tproger_web #собеседование #фронтенд
Курс: Основы API
Забирайте базовый курс по API. Тут разбирают, что из себя представляет API, как работает и зачем он нужен. Также рассмотрят примеры использования, способы вызова и тенденции развития.
Понимание принципов работы API становится всё более актуальным для карьеры в индустрии разработки ПО. На курсе вы изучите некоторые фундаментальные концепции API и определите общую модель того, как он используется: https://stepik.org/course/124947/promo?search=3345883703
@tproger_web #инструменты #курс
Забирайте базовый курс по API. Тут разбирают, что из себя представляет API, как работает и зачем он нужен. Также рассмотрят примеры использования, способы вызова и тенденции развития.
Понимание принципов работы API становится всё более актуальным для карьеры в индустрии разработки ПО. На курсе вы изучите некоторые фундаментальные концепции API и определите общую модель того, как он используется: https://stepik.org/course/124947/promo?search=3345883703
@tproger_web #инструменты #курс
«Как я случайно превратила свой сокращатель ссылок в приманку для мошенников?»
Автор статьи запустила собственный навороченный сокращатель для ссылок. Она разработала лучший в своём роде сокращатель со всеми возможными примочками, начиная с обширной кастомизации и заканчивая хорошей аналитикой трафика. И сделала доступ бесплатным и неограниченным, опираясь на принцип: «бесплатность — лучшая маркетинговая стратегия».
Но с первого же дня ресурс облюбовали мошенники. Как так получилось и что делать, чтобы не допустить такого у себя на проекте — читайте в статье: https://habr.com/ru/companies/ruvds/articles/798649/
@tproger_web #безопасность
Автор статьи запустила собственный навороченный сокращатель для ссылок. Она разработала лучший в своём роде сокращатель со всеми возможными примочками, начиная с обширной кастомизации и заканчивая хорошей аналитикой трафика. И сделала доступ бесплатным и неограниченным, опираясь на принцип: «бесплатность — лучшая маркетинговая стратегия».
Но с первого же дня ресурс облюбовали мошенники. Как так получилось и что делать, чтобы не допустить такого у себя на проекте — читайте в статье: https://habr.com/ru/companies/ruvds/articles/798649/
@tproger_web #безопасность
This media is not supported in your browser
VIEW IN TELEGRAM
— Насколько хорошо вы умеете работать с CSS?
— Настолько, что рисую на CSS картины.
— Что?
— Что?
Целый аккаунт с похожими работами: https://twitter.com/asyrafhussin4
#css @tproger_web
— Настолько, что рисую на CSS картины.
— Что?
— Что?
Целый аккаунт с похожими работами: https://twitter.com/asyrafhussin4
#css @tproger_web
Какой инструмент для сборки лучше: Webpack или vite?
Кто-то хоронит Webpack. Кто-то говорит, что он как PHP — ещё долго будет поддерживаться, и что его точно стоит учить хотя бы на всякий случай.
Какие инструменты для сборки сейчас в топе? Что уже можно учить новичку, а что лучше обойти стороной? Какие есть достойные альтернативы Wepack сегодня и есть ли они вообще?
@tproger_web #обсуждение
Кто-то хоронит Webpack. Кто-то говорит, что он как PHP — ещё долго будет поддерживаться, и что его точно стоит учить хотя бы на всякий случай.
Какие инструменты для сборки сейчас в топе? Что уже можно учить новичку, а что лучше обойти стороной? Какие есть достойные альтернативы Wepack сегодня и есть ли они вообще?
@tproger_web #обсуждение
Forwarded from IT Юмор
Роадмап по фронтенду на 2024: сравнение 2017 vs 2021 vs 2024. Что действительно должен знать джун сегодня?
Интересное видео, в котором автор сравнил разные требования для джунов во фронтенде за последние 7 лет: https://www.youtube.com/watch?v=OKiZ4kA0KyU
@tproger_web #начинающим
Интересное видео, в котором автор сравнил разные требования для джунов во фронтенде за последние 7 лет: https://www.youtube.com/watch?v=OKiZ4kA0KyU
@tproger_web #начинающим
Насколько потолстел JavaScript к 2024 году?
Интересная статистика по популярным сайтам и их отношению к оптимизации JS-бандлов: https://habr.com/ru/companies/ruvds/articles/796595/
@tproger_web #javascript
Интересная статистика по популярным сайтам и их отношению к оптимизации JS-бандлов: https://habr.com/ru/companies/ruvds/articles/796595/
@tproger_web #javascript
Составили для вас тест на знание Рунета
Постарались подобрать неочевидные вопросы, ответы на которые должен помнить только настоящий олд. Пройдите тест, а мы по результату попытаемся угадать дату вашего рождения: https://tproger.ru/articles/runet-2000
Что еще помните о том времени?
@tproger_web #тесты
Постарались подобрать неочевидные вопросы, ответы на которые должен помнить только настоящий олд. Пройдите тест, а мы по результату попытаемся угадать дату вашего рождения: https://tproger.ru/articles/runet-2000
Что еще помните о том времени?
@tproger_web #тесты
