Free React For Beginners
3.46K subscribers
231 photos
5 videos
1 file
385 links
💻 Про #React та #frontend та #веб розробку
🧑‍🎓 Для початківців і не тільки

👉 https://www.youtube.com/@reactdev
Download Telegram
Мені просто немає що сказати 😢

Руки не працюють. Голова не думає. Єдине що спадає на думку - всі наші пожертви були не дарма.

І так, їх ще буде потрібно багато. Але шлях у нас один. До їх кінця. До нашої перемоги.

Готуйтесь, гуртуйтесь, заробляйте, допомагайте, не опускайте руки.

Не забувайте.
🔥5511💔10👍7
🎙Анонс нового ефіру🎙

Пан Сергій запросив мене до себе на канал поговорити про... мене???

😎 Що з того вийде я не знаю, але кому цікаво трохи зі мною познайомитись, послухати трохи про наші курси, про те чим я займаюся окрім роботи і дізнатися чому ж я більше не стрибаю з парашутом - приходьте в суботу на 19:00.

🍺 Точно буде не напряжно, трохи гумора і можливо трохи матюків, якщо кішка Сергія не повернеться до норми до суботи 🐈.

Всіх запрошую ❤️
👍17🔥121🎉1
😮‍💨 Хлопці з Create-React-App втомилися і більше не рекомендують його для нових проектів😮‍💨

❗️Реакт випустив нову документацію (доречі, класна), в якій зазначив, що:

> ... ми рекомендуємо вибрати один із фреймворків на основі React, популярних у спільноті

🦣 Окремо Ден Абрамов зазначив, що команда планує перетворити його (CRA, а не Абрамова) на ланчер, який буде пропонувати відібрані фреймворки і стартувати проект вже на них.

👉 Для нас це значить наступне:

1️⃣ Якщо нам треба щось, що швидко збирається і не дуже складне - беремо Vite (npm create vite)

2️⃣ Якщо в нас забаганки як в Шамаханьского царя, (тобто потрібна глибока і гнучка кастомізація) - беремо webpack, який хоч і повільніший, але має дуже гарну інфраструктуру.

❗️В незалежності від обраного пункту починаємо вчити Next.JS. Можливо навіть доведеться зробити по ньому декілька відео.

П.М. А ще я випадково знайшов пост де команда, яка фактично відродила JSX не рекомендує до використання файли з цим розширенням 🤭

Всіх чекаю в суботу!
21🤯9👍8😁1
Всі ми тут дуже різні

Знаєте, тут зібралися дуже різні люди. Хтось школяр, хтось вчитель. Хтось обожнює спорт та качалку, хтось полюбляє дальній радіозв'язок. У когось ще перша робота по-переду, а хтось вже був керівником свого маленького агентства. Хтось вірить, а хтось впевнений атеїст.

І це різноманіття - джерело нашої сили і нашої слабкості. Тому що коли ми разом - ніхто нас не зупинить. Згадайте 2014 рік, рік підйому волонтерства, рік, коли ми перевіряли країну походження товарів і не купували нічого з росії. Згадайте 2022 рік, коли десятки мільйонів збиралися за день - для захисників, на помсту.

Але, нажаль, на цьому різноманітті дуже просто зіграти. Розділяй і володарюй - цей принцип чудово працював всі 30 років нашої незалежності. І, скоріше за все, буде працювати й далі, послаблюючи нас.

Тому в цей день - я хочу побажати всім нам - розуміння і трохи терпіння. Розуміння того, що хоча ми всі дійсно дуже різні, але всі ми Українці. Терпіння - пробачати маленькі огріхи тих хто поруч. І тоді, ніяка руснява наволоч навіть подивитись в нашу сторону не зможе. Бо як казали Швейцарці Вільгельму II - ми просто зробимо по два постріли і розійдемося.

Всім сили, розуміння та терпіння.
👍49❤‍🔥191🤝1
Всім привіт, 20.04 відбудеться досить цікава Онлайн/Офлайн подія - Front-End Meetup від Levi9

👉 React Query & RTK Query (як раз для нас)
👉 CSS Trends та що нового в CSS (CSS завжди буде корисним, хто піде - розкажіть і мені)
👉 Нові підходи в Angular - це вже не зовсім те, але підходи можуть бути цікавими для розширення кругозору.

Онлайн - безкоштовно, оффлайн в Києві за 150 гривень які підуть на благодійність.

Реєстрація - тут
👍86🔥61
А я ніколи не казав що я хороший дизайнер, але треба було "на зараз" 😅

П.М. Оцініть спойлер на YouTube
👍28🎉9🏆4🔥1
Channel photo updated
🔨 Корисні інструменти своїми руками🔨

💡Покажу вам такий маленький, але досить корисний мікро-хук, який дозволяє наочно бачити, чи працює ваш хук useCallback, чи ні. Він може стати в нагоді, якщо ви вирішили оптимізувати код за допомогою фіксації колбеків (які ми, до речі, вже розбирали на цьому відео)

const useTrackCallback = (
callback,
{ callbackName = null, logWhenStable = true } = {}
) => {
const cbRef = useRef(callback);
const changed = cbRef.current !== callback;
const cbName = callbackName ?? callback.name ?? 'unkown';

if (changed) {
cbRef.current = callback;
console.log(`Callback "${cbName}" changed`);
return;
}

if (logWhenStable) {
console.log(`Callback "${cbName}" stable`);
}
};

☺️ Як бачите, хук не складний. Він використовує хук useRef (до-речі, якщо вам цікаво про цей хук почути - напишіть в коментарі) для зберігання поточної версії колбеку і порівнює його з наступною. Якщо посилання різні, хук логує інформацію в консоль.

😺 Звісно його можна ще допрацювати, щоб, він наприклад, ніколи не працював на проді, але це вже не обов'язково.

🔨 Також аналогічний хук можна написати для того, щоб відслідковувати перерендери, яких за вашим розуміння не має бути. Можете несподівано дізнатися багато корисного і про React і про те, як поводить себе ваш застосунок в цілому.

@reactbeginners

П.М З цим новим лого ледь знайшов свій власний канал. В червоний його перефарбувати, чи що?
👍105❤‍🔥2😁2🤯1
😎 Завтра (п'ятниця, 18:00) у нас відбудеться СЕКРЕТНИЙ СТРІМ

Як думаєте, чому він присвячений? Перший, хто вгадає - отримає фірмову термочашку в подарунок!
🎉6😁43🤔3
Free React For Beginners
😎 Завтра (п'ятниця, 18:00) у нас відбудеться СЕКРЕТНИЙ СТРІМ Як думаєте, чому він присвячений? Перший, хто вгадає - отримає фірмову термочашку в подарунок!
❤️ НАМ. ОДИН. РІК. (ЗАВТРА) ❤️

🎉 І завтра о 18:00 ми будемо це святкувати. З гостями, з подарунками, і головне з ВАМИ.

👉Приходьте ВСІ!

П.М. Про подаруночки буде вже завтра, бо їх ще треба вдобить 😁 Але будуть класні)
🔥22🍾16🎉8👍3❤‍🔥1
Подаруночки на сьогодні ❤️
15👍6
Free React For Beginners
Photo
❤️ Сьогодні свято, а яке свято без подарунків? ❤️

І я скажу в мене їх аж чотири:

👉 Зручний та надійний рюкзак. Туди влізе і ноут і все до ноута)
👉 Фірмовий, компактний, металевий термос, який чудово підійде для кави тим, кому рано вставати.
👉 Сет носочків (5 пар) від Мавки, тієї самої яка зараз зібрала рекордну кількість глядачів з проміж усіх Українських фільмів
👉 І, також, цифрова копія другого Сталкеру.

А отримати їх не так щоб було дуже складно:

🐝 Перші три подарунки ми розіграємо під час прямого ефіру на вікторині. Хто перший дасть правильну відповідь - той і отримає подарунок!

🦄 А для того щоб прийняти участь в розіграші Сталкеру - вам просто потрібно написати пост в будь-якій соціальній мережі, дати посилання на наш Ютуб - youtube.com/@reactdev і відправити мені скріншот. Не знаєте що писати? Просто зробіть фото на фоні нашого YouTube) Копія буде розіграна серед усіх хто це зробить.

😊 Наче не складно

👉 Всіх чекаю на стрімі, сьогодні о 18:00, і не забудьте підписатися щоб не пропустити!

Зі святом нас!
🔥17👍5😁2
Про IT-курси, без прикрас

👨‍💻 Завтра, разом з Романом Савіцьким, Сергієм Бабічем та спільнотою IT-Juniors будемо робити ефір про IT-курси.

👉 Кому цікаво послухати що відбувається і як обирати курси так, щоб це принесло користь, а не просто забрало ваш час та гроші, приходьте 24 квітня о 19.00

Враховуючи що я проводжу курси, Сергій проводив, а Роман займається навчанням своїх колег (це один з його обов'язків) - має бути досить цікаво.
👍33🔥9