Telegram Web
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Совет по React: Используйте кастомный хук для управления состояниями массивов в ваших компонентах.

#react

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍49🔥96❤‍🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
У этой страницы "заело пластинку".

#страница404

https://codepen.io/Banny/pen/ZmXzMP

@react_tg
👍10😁72🔥2
🖥 Meals

это готовое веб-приложение на основе React, которое позволяет пользователям искать блюда и рецепты из обширной базы данных.

git clone https://github.com/kaleb110/meals-app.git
cd meals-app


Github

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍184🔥1
🔥 Список полезных ресурсов для Front-End разработчиков

Кртуой репозиторий с материалами для обучения фронтенду.

Этот репозиторий предлагает множество бесплатных книг по программированию, скринкастов, подкастов, онлайн-видеоуроков и многое другое.

Оглавление для вашего удобства:

Дорожная карта
Книги
Игры
Задачи
Обучение
Блоги
Подкасты
Редакторы кода
Инструменты
CSS-фреймворки
Иконки и цвета
Типография и рамки анимации
Дизайн и вдохновение
Фондовые ресурсы
Геолокация
API
Мокапы
Бесплатные инструменты для студентов
Тестирование

📌 репозиторий

@react_tg
12👍9🔥7
Совет по CSS 💡

Знаете ли вы, что свойство gap можно использовать и для макета flexbox?

@react_tg
👍356😁6🔥3🥱1
❤️Альфа-Банк приглашает вас на A?.Frontend Day!

📆Когда: 21 сентября с 10:00 до 19:00
📍Где: офлайн в Москве и онлайн

Вас ждут доклады от классных спикеров:

🧷Вадим Царегородцев из Ostrovok.ru расскажет о Valibot — инструменте, который помогает сделать валидацию данных в JavaScript гибкой и безопасной.
🧷Сергей Попов из Skillbox сообщит о проблемах внедрения изменений в компаниях и предложит способы их решения.
🧷Никита Мамизеров объяснит, как внедряли BDUI в Альфа-Банк, с какими сложностями столкнулись и что в итоге получилось.
🧷Никита Ульшин из Т-банка расскажет о паттернах отказоустойчивости, которые помогут минимизировать риски и обеспечить стабильную работу вашего приложения.

Но это ещё не всё! Мы подготовили программу на весь день. Помимо докладов вы сможете поучаствовать в офлайн и онлайн-активностях, получить крутые подарки и, конечно, отлично провести время на афтепати. Нетворкинг гарантирован!
Не упустите шанс узнать что-то новое и провести время в кругу коллег!

Регистрация
Ещё больше полезного в Alfa Frontend Community
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🖕4🔥3🥰31
👩‍💻 React 19: краткий обзор новых фич от Vercel

Изучите React 19 и узнайте, как начать использовать библиотеку уже сегодня.

🚀 Читать

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍164🔥3💋2
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Частицы, которые выстраиваются в созвездие в виде прямой линии.

Примеры применения:
🔶 загрузка сайта организации по занятиям фитнеса;
🔶 загрузка страницы для записи в танцевальную студию.

#прелоадер #ожидание #загрузка

https://codepen.io/SpiritScarlet/pen/LBbVGe

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
7👍5🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 Pagination - Simple Pagination

Симпатичный эффект при переключении страниц, созданный на чистом CSS.

#css

https://codepen.io/Azametzin/pen/ZEVKJNX

@react_tg
👍178🔥5😈1
⚡️ Создаём реальное чат-приложение на SignalR в .NET и React

Статья подробно описывает процесс создания реального чат-приложения с использованием SignalR в .NET и React. Разбираются этапы настройки бэкенда с помощью ASP.NET Core и фронтенда с использованием React, а также взаимодействие между ними для обеспечения реального времени в чате.

Подробности: https://blog.ghanshyamdigital.com/building-a-real-time-chat-app-with-signalr-in-net-and-react

#en

@react_tg
11👍6🔥2
Визуализация методов массивов JavaScript 🚀

@react_tg
🔥67👍156💋1
This media is not supported in your browser
VIEW IN TELEGRAM
💡Совет по CSS

Несмотря на некоторые ограничения в отдельных браузерах, мы можем изменять размеры любого блочного элемента, а не только textarea! 🔥

@react_tg
👍364🔥4
🖥 Лучшие репозитории для React-разработчиков

React — один из самых популярных фреймворков для создания фронтенда. Благодаря постоянному развитию экосистемы, возможности React постоянно расширяются. Изучение этого фреймворка становится обязательным для всех, кто занимается фронтенд-разработкой.

Вот несколько полезных репозиториев на GitHub, которые помогут вам в освоении React:

1) 30 Days of React Челлендж с пошаговым руководством по изучению React за 30 дней.

2) Awesome React Коллекция лучших ресурсов и инструментов для работы с React.

3) React Bits Советы, паттерны и техники работы с React.

4) React Typescript Cheatsheet Шпаргалки для опытных разработчиков React, которые начинают работать с TypeScript.

5) ReactJS Interview Questions Список из 500 вопросов и ответов для собеседований по ReactJS.

6) Большая подборка вопросов с собеседований: Frontend, Javascript, React, Vue и многое другое.

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16🔥6💋54🍌1
🖥 Cloud Database Manager

CloudBeaver - это веб-сервер, предоставляющий богатый веб-интерфейс.

Сам сервер представляет собой Java-приложение, веб-часть написана на TypeScript и React.

#базыданных #dbclient #dbeaver

Github

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍124🔥1
⚡️ Сможет ли Blazor превзойти React/Angular?

Очень интересное обсуждение на Reddit от новичка в .NET-разработке. Комментаторы считают, что Blazor учить легче, но в то же время он не развивается так быстро как популярные JavaScript-фреймворки.

Делитесь своими мыслями в комментариях

@react_tg
👍74🥴4🔥1
🖥 Веб-разработка Frontend: курс по созданию проекта (HTML, CSS, JavaScript, TypeScript, React)

⌨️ (0:00:00) Introduction, resources, and prerequisites
⌨️ (0:07:50) Project setup and VSCode extensions
⌨️ (0:19:29) Build the UI with HTML and CSS
⌨️ (1:14:20) Add JavaScript interactivity to the project
⌨️ (3:01:19) Introduction to the MVC pattern
⌨️ (5:51:56) Refactoring app with TypeScript
⌨️ (5:54:46) Setting up TypeScript from scratch, what are benefits?
⌨️ (6:35:56) Start of refactor from Vanilla JavaScript to TypeScript
⌨️ (7:52:25) Why should you refactor your app to React?
⌨️ (8:01:37) The many ways to set up a React app
⌨️ (8:06:52) Setting up React from scratch
⌨️ (8:51:45) Initializing TypeScript in a React app from scratch
⌨️ (9:00:56) Refactoring vanilla app to React app

https://www.youtube.com/watch?v=MsnQ5uepIaE

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
🥴10👍84
2025/07/10 08:34:32
Back to Top
HTML Embed Code: