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
This media is not supported in your browser
VIEW IN TELEGRAM
—
npx create-tina-app@latestTina — это headless CMS с открытым исходным кодом и поддержкой Git, позволяющая разработчикам и создателям контента беспрепятственно сотрудничать на одной платформе.
Tina позволяет разработчикам реализовывать возможности визуального редактирования, идеально подходящие для их сайта или приложения, поддерживая при этом широкий спектр типов контента, таких как Markdown, MDX и JSON.
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥13👍4❤2
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍24❤4🔥4