Задача — требуется реализовать компонент-контейнер:
— в который можно просто передать список карточек
— который ограничен по ширине
— который скроллится по горизонтали
— который имеет базовые контролы — стрелочки влево и вправо
@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
—
npm install rechartsRecharts - это библиотека графиков Redefined, созданная на основе React и D3.
Основная цель Recharts — помочь легко создавать графики, диаграммы в React-приложениях. Вот некоторые особенности Recharts:
— Простое развертывание с помощью компонентов React
— Нативная поддержка SVG, легкий вес, зависящий только от некоторых субмодулей D3
— Декларативные компоненты
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥24👍8❤5
—
npm install --save ahooks• Простая в освоении и использовании
• Поддерживает SSR
• Специальная обработка функций позволяет избежать проблем с закрытием
• Содержит большое количество продвинутых хуков, которые были разработаны на основе бизнес-сценариев
• Содержит обширную коллекцию базовых хуков
• Написана на TypeScript с предсказуемыми статическими типами
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16❤5🔥4
—
npm install -g quicktypequicktype — это инструмент, написанный на TypeScript, который генерирует сильно типизированные модели и сериализаторы из JSON, JSON Schema, TypeScript и GraphQL-запросов, что позволяет легко работать с JSON безопасно для типов во многих языках программирования.
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7❤1👍1
Appsmith — это open-source инструмент, который позволяет быстро разрабатывать внутренние приложения для организации, такие как информационные панели, графические интерфейсы баз данных, панели администратора, приложения для утверждения решений, панели поддержки клиентов и т.д.
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🔥4❤2
Недавно Expo выпустили обновление SDK 51, которое включает несколько значительных улучшений и новых функций.
При создании нового проекта с помощью команды
npx create-expo-app пользователь увидит обновленный шаблон проекта. В нем включены часто используемые зависимости и настройки, необходимые для большинства проектов, что позволяет быстро начать работу.Кроме того, обновлен процесс "Getting Started" с Expo, что упрощает старт как с Expo Go, так и с development сборками. Эти изменения призваны облегчить освоение работы с Expo и ознакомление с доступными опциями.
expo-camera/next теперь экспортируется из expo-camera (подробнее), а expo-sqlite/next теперь экспортируется из expo-sqlite (подробнее). Старые версии доступны в expo-camera/legacy и expo-sqlite/legacy в SDK 51, и они будут удалены в SDK 52.@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥17👍6❤3