React JS
React программирование @haarrp - admin @itchannels_telegram - 🔥лучшие ит-каналы @javascriptv - продвинутый javascript @programming_books_it - бесплатные it книги @ai_machinelearning_big_data - ml
نمایش بیشتر- مشترکین
- پوشش پست
- ER - نسبت تعامل
در حال بارگیری داده...
در حال بارگیری داده...
npm install virtua
virtua — это очень быстрый и небольшой (~3 кБ) компонент для создания виртуальных списков и сеток.
Например, создание вертикального списка из 1000 элементов выглядит так:
{
render: () => {
return <VList style={{
height: "100vh"
}}>{createRows(1000)}</VList>;
}
}
🖥 GitHub
🟡 Примеры использования
@react_tgnpm install tamagui @tamagui/config
Tamagui включает в себя 3 компонента:
— @tamagui/core
— библиотека стилей, которая расширяет API стилей React Native многими функциями из CSS, причём без каких-либо внешних зависимостей помимо React
— @tamagui/static
— оптимизирующий компилятор, который значительно повышает производительность
— tamagui
— большой универсальный набор компонентов
🖥 GitHub
🟡 Доки
@react_tggit clone https://github.com/Flict-dev/Web-messenger.git
cd Web-messenger
docker compose up
Этот проект реализует очень простой мессенджер с возможностью входить под своей учётной записью, создавать комнаты, приглашать других и делать ещё некоторые простые операции.
Очень неплохой проект для погружения в Python и фреймворк FastAPI
🖥 GitHub
@react_tgnpm i lucide
Это форк проекта Feather Icons, управляемый сообществом, полностью open-source.
Lucide постоянно пополняет набор иконок, сохраняя при этом оригинальный минималистичный дизайн.
🖥 GitHub
🟡 Плагин для Figma
@react_tg✏️ Study this course interactively on Scrimba:
https://v2.scrimba.com/whats-new-in-react-19-c03d?utm_source=youtube&utm_medium=video&utm_campaign=fcc-react19Learn all about the exciting new features coming with React 19, including baked-in ways to handle actions, optimistic updates, form statuses, the new use() API, and more! Code is available on the Scrimba course page for each lesson. React hasn’t had a major version update in over 2 years since React 18 was launched in 2022. React 19 has lots of exciting new features that make handling data mutations simpler while giving us APIs to improve the user’s experience with optimistic updates! ✨ The React team has also launched a new open-source compiler it has been working on for years that will handle many of the nitty-gritty performance details for you behind the scenes. Join us in this course while we learn all about the latest, greatest features coming in the newest version of React! We'll cover: - Transitions (refresher from React 18) - React Compiler - Form Actions - useActionState() - Handling errors in actions - useOptimistic() - useFormStatus - Refs as props - use() - Other miscellaneous improvements to React Scrimba on YouTube:
https://www.youtube.com/c/Scrimba⭐️ Contents ⭐️ ⌨️ (0:00:00) What's new in React 19? ⌨️ (0:02:29) React 18 Catch up - useTransition (1) ⌨️ (0:06:18) React 18 Catch up - useTransition (2) ⌨️ (0:11:20) React Compiler ⌨️ (0:13:05) Form action ⌨️ (0:20:39) Error and loading states in React ⌨️ (0:23:33) useActionState() - Part 1 ⌨️ (0:28:54) useActionState() - Part 2 ⌨️ (0:34:00) useActionState() - Part 3 ⌨️ (0:41:54) useOptimistic() ⌨️ (0:47:21) useFormStatus() ⌨️ (0:52:04) refs as props ⌨️ (0:54:57) use() ⌨️ (1:04:02) Misc. improvements - meta tags ⌨️ (1:06:43) Conclusion
طرح فعلی شما تنها برای 5 کانال تجزیه و تحلیل را مجاز می کند. برای بیشتر، لطفا یک طرح دیگر انتخاب کنید.