This media is not supported in your browser
VIEW IN TELEGRAM
🌟 Screenshot to Code — крутой инструмент для конвертирования скринов, Figma-шаблонов и мокапов в чистый код
Поддерживаемые стэки: HTML + Tailwind, React + Tailwind, Vue + Tailwind, Bootstrap, Ionic + Tailwind и SVG.
@react_tg
Поддерживаемые стэки: HTML + Tailwind, React + Tailwind, Vue + Tailwind, Bootstrap, Ionic + Tailwind и SVG.
@react_tg
👍24🔥5❤4
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍33❤10🔥5🤔4
🚀 MightyMeld — уже готовых к работе веб-компонентов.
Это обширная коллекция компонентов, которые совместимы с Tailwind CSS и React. Просто выберите необходимый элемент из большой библиотеки шаблонов, перетащите его на рабочее пространство и настройте под свои потребности. В проекте также имеется встроенный искусственный интеллект.
Основной функционал инструмента предоставляется бесплатно, однако также имеются платные возможности.
🖇 Github
@react_tg
Это обширная коллекция компонентов, которые совместимы с Tailwind CSS и React. Просто выберите необходимый элемент из большой библиотеки шаблонов, перетащите его на рабочее пространство и настройте под свои потребности. В проекте также имеется встроенный искусственный интеллект.
Основной функционал инструмента предоставляется бесплатно, однако также имеются платные возможности.
🖇 Github
@react_tg
👍16❤5🔥5
Проблема возникает, когда нужно вывести очень большой набор данных, да еще и без пагинации. Это приведет к загрязнению DOM и займет много памяти браузера, что приведет к проблемам с производительностью.
Держите полезную статью, где пошагово реализуется виртуальная прокрутка в React
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍25🔥8❤3⚡1🥴1
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10❤4🔥4🥱2
Здесь сфокусируемся на архитектуре front-end приложения
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍22❤4🔥3
🔥 Beautiful icon library, made for creativity.
- Более 27 000 красивых иконок для разработчиков
- Более 3800 бесплатных иконок для коммерческого использования
- Доступны npm, SVG, React и React Native
→ https://hugeicons.com
@react_tg
- Более 27 000 красивых иконок для разработчиков
- Более 3800 бесплатных иконок для коммерческого использования
- Доступны npm, SVG, React и React Native
→ https://hugeicons.com
@react_tg
🔥15❤6👍6
action для формы, новые хуки, серверные компоненты и серверные действия, метаданные страницы и предзагрузка ресурсов из коробки. Из нового — для передачи ref больше не нужно использовать forwardRef, обновлённое API контекстов и продвинутая поддержка таблиц стилей.@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥25❤4👍2
Задача — требуется реализовать компонент-контейнер:
— в который можно просто передать список карточек
— который ограничен по ширине
— который скроллится по горизонтали
— который имеет базовые контролы — стрелочки влево и вправо
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥17👍7❤5
This media is not supported in your browser
VIEW IN TELEGRAM
https://codepen.io/carsonf92/pen/PoxxmeO?__cf_chl_tk=
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍27❤5
А вот некоторые из заданий:
— Крестики нолики
Поле 3×3, игра должна содержать возможность перейти на любой из предыдущих шагов.
— Генератор цитат
Пользователь должен иметь возможность запросить новую цитату, а так же создать пост для социальных сетей.
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥19❤4👍2🥰1
⚡️ Большая подборка вопросов с собеседований: Frontend, Javascript, React, Vue и многое другое.
Подборка актуальных задач и вопросов с собеседований поможет вам подготовиться как к практике, так и к теории и получить заветный оффер.
▪Front-end. Вопросы на собеседовании - Репозиторий видеокаста, содержит коллекцию вопросов, которые можно получить на техническом собеседовании на вакансию Junior/Middle Front-end разработчик.
▪Вопросы (с ответами) кандидату на должность frontend разработчика
▪Front End Interview Handbook - В отличие от типичных собеседований, в frontend собеседованиях меньше внимания уделяется алгоритмам и больше вопросов о сложных знаниях и экспертизе в предметной области - HTML, CSS, JavaScript. Этот репозиторий содержит все, что вам нужно знать для прохождения собеседований frontend собеседованиями.
▪ Полное собеседование React разработчика 2024🧑🏻💻
▪Front-end Developer Interview Questions
список полезных вопросов с собесов.
▪ Interview-questions наиболее часто задаваемые вопросы Frontend-разработчику.
▪Список тестовых заданий на позицию JS-разработчика
▪10 задач по промисам JavaScript
▪Вопросы с собеседования на фронтенд разработчика React.js
▪100 вопросов по React для подготовки к собеседованию
@react_tg
Подборка актуальных задач и вопросов с собеседований поможет вам подготовиться как к практике, так и к теории и получить заветный оффер.
▪Front-end. Вопросы на собеседовании - Репозиторий видеокаста, содержит коллекцию вопросов, которые можно получить на техническом собеседовании на вакансию Junior/Middle Front-end разработчик.
▪Вопросы (с ответами) кандидату на должность frontend разработчика
▪Front End Interview Handbook - В отличие от типичных собеседований, в frontend собеседованиях меньше внимания уделяется алгоритмам и больше вопросов о сложных знаниях и экспертизе в предметной области - HTML, CSS, JavaScript. Этот репозиторий содержит все, что вам нужно знать для прохождения собеседований frontend собеседованиями.
▪ Полное собеседование React разработчика 2024🧑🏻💻
▪Front-end Developer Interview Questions
список полезных вопросов с собесов.
▪ Interview-questions наиболее часто задаваемые вопросы Frontend-разработчику.
▪Список тестовых заданий на позицию JS-разработчика
▪10 задач по промисам JavaScript
▪Вопросы с собеседования на фронтенд разработчика React.js
▪100 вопросов по React для подготовки к собеседованию
@react_tg
👍6❤5🔥3⚡1
—
npm install antdФишки Ant Design:
— UI корпоративного уровня
— Набор высококачественных компонентов React из коробки
— Написан на TypeScript с предсказуемыми статическими типами
— Целый пакет ресурсов для проектирования и инструментов разработки
— Поддержка десятков языков
— Мощная кастомизация тем на базе CSS-in-JS
Использование:
import { Button, DatePicker } from 'antd';
export default () => (
<>
<Button type="primary">PRESS ME</Button>
<DatePicker placeholder="select date" />
</>
);@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰11🖕9👍7❤5🥴2