This media is not supported in your browser
VIEW IN TELEGRAM
🔥 Pagination - Simple Pagination
Симпатичный эффект при переключении страниц, созданный на чистом CSS.
#css
https://codepen.io/Azametzin/pen/ZEVKJNX
@react_tg
Симпатичный эффект при переключении страниц, созданный на чистом CSS.
#css
https://codepen.io/Azametzin/pen/ZEVKJNX
@react_tg
👍17❤8🔥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
Статья подробно описывает процесс создания реального чат-приложения с использованием 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
This media is not supported in your browser
VIEW IN TELEGRAM
💡Совет по CSS
Несмотря на некоторые ограничения в отдельных браузерах, мы можем изменять размеры любого блочного элемента, а не только
@react_tg
Несмотря на некоторые ограничения в отдельных браузерах, мы можем изменять размеры любого блочного элемента, а не только
textarea
! 🔥@react_tg
👍36❤4🔥4
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💋5❤4🍌1
CloudBeaver - это веб-сервер, предоставляющий богатый веб-интерфейс.
Сам сервер представляет собой Java-приложение, веб-часть написана на TypeScript и React.
#базыданных #dbclient #dbeaver
▪Github
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12❤4🔥1
⚡️ Сможет ли Blazor превзойти React/Angular?
Очень интересное обсуждение на Reddit от новичка в .NET-разработке. Комментаторы считают, что Blazor учить легче, но в то же время он не развивается так быстро как популярные JavaScript-фреймворки.
Делитесь своими мыслями в комментариях
@react_tg
Очень интересное обсуждение на Reddit от новичка в .NET-разработке. Комментаторы считают, что Blazor учить легче, но в то же время он не развивается так быстро как популярные JavaScript-фреймворки.
Делитесь своими мыслями в комментариях
@react_tg
👍7❤4🥴4🔥1
⌨️ (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
YouTube
Frontend Web Development: In-Depth Project Tutorial (HTML, CSS, JavaScript, TypeScript, React)
In this frontend web development project tutorial, you will improve your skills with HTML, CSS, JavaScript, TypeScript, & React. This video is a "sequel" to the Frontend Developer Bootcamp video we posted by the same creator. However, as long as you have…
🥴10👍8❤4
▪️Github
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11🖕11❤6🔥4🥱4
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍31❤4😁3🔥2
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9❤4🔥1🥱1
import React from 'react';
import { atom, useRecoilState } from 'recoil';
// Определение глобального состояния
const textState = atom({
key: 'textState',
default: '',
});
function TextInput() {
const [text, setText] = useRecoilState(textState);
return (
<input type="text" value={text} onChange={(e) => setText(e.target.value)} />
);
}
export default TextInput;
▪️Github
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍31❤6🔥6🤔2😐2
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
❤15👍6🔥5
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍23❤5🔥4
Проект React-Discord-Clone представляет собой копию Discord, созданную с применением технологий
React, Node.js, Express, Socket.io и MySQL.
Эта копия может служить полезным учебным материалом для тех, кто хочет изучить создание приложений на основе этих технологий.
▪️ Github
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥21👍8❤4🤣1
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 Извлечение компонентов React с помощью Cursor Composer
🔥28👍8❤3