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

👉 https://www.youtube.com/@reactdev
Download Telegram
Прикол - тільки що знайшов на чому побудована мобільна версія Steam-у

Вгадаєте на чому він написаний?

А ось на чому: React Native, React, Axios, React Query і, напевно найцікавіше тут - MobX! А ви кажете redux, recoil...

Всім тихих вихідних!

@reactbeginners
👍15🤯21
Працює - не чіпай

🧐 Як і ви, я не одноразово чув цю тезу від колег, старших розробників і навіть з анекдотів*. Але сліпе використання цього принципу приносить багато шкоди і створює замкнуте коло:

1: Написали код;
2: Змінилися вимоги, або обставини;
3: Працює - не чіпай;
4: Наліпили костилів;

continue 1;

🪚 Замість того, щоб обережно підпилити один шматок коду, ми накручуємо на нього спочатку ізоленту, потім скотч, потім армований скотч, а потім бетонуємо все арматурою. І в якийсь момент це все перетворюється на архітектуру костилів на вістрі голки, коли одна необережна думка валить це все команді на голову. А проект все ще потрібно не просто підтримувати, а ще й розвивати.

😊 Тому, на мою думку, постійний рефакторинг є необхідною передумовою для того, щоб ваш проект міг спокійно розвиватися з часом.

То ж не бійтеся постійно переглядати ваш код. Адаптуйте його до нових вимог, покращуйте його, перейменовуйте та спрощуйте.

@reactbeginners
👍267
TypeScript - викинути не можна залишити (21.12, 20:00)

😎 А ось і обіцяне відео з доповіді, яку я провів для Житомирської Політехніки, на запрошення пана Романа.

🧠 Мета цього відео - не викласти вам готову відповідь, чи потрібен TS чи ні, а дати матеріал для роздумів, аби ви могли прийняти власне та обдумане рішення щодо потрібності цього інструменту. Бо, як я казав на самому початку, дядьо з телевізору може будь-яку фігню нести, а нам з цим потім працювати.

📅 Відео вийде о 20:00, у четвер, тобто сьогодні. Усім гарного перегляду.

Бережіть себе, допомагайте ЗСУ, скоро побачимося!

@reactbeginners
👍2311
Давайте приєднаємось. ❤️
3
Forwarded from Той самий Бабіч (Сергій Бабіч)
Незамовлений Гепі Міл №51

Доброго ранку, котики! Сьогодні п'ятниця, а отже прийшов час Незамовленого Гепі Мілу. Раніше у нас в сім'ї була традиція щоп'ятниці замовляти нашим дітям по Гепі Мілу, після чого ми сідали поряд та дивилися разом кіно чи мультик. І так відбувалося щотижня. До 24.02.22. Сьогодні ми уже знову маємо можливість замовляти Гепі Міли, проте понад 500 дітей, що загинули від рук російських загарбників, уже не матимуть такої можливости ніколи. Ми ж з вами можемо вшанувати їхню пам'ять, допомігши тим дітям, що потребують допомоги тут і зараз.

#НезамовленийГепіМіл — це один внесок від однієї людини. 135 гривень — це вартість одного Гепі Мілу. Не 200, не 500, не 10000. Рівно 135. Минулого разу ми разом з вами зібрали 7 830 гривень, згуртувавши таким чином 58 добродіїв! А від початку року ми разом з вами зібрали та передали уже 566 517 гривень!

Зібрані протягом тижня кошти я передаю до чернівецького дитячого центру "Мрія Марти" (Місто Добра).

Дякую вам, котики.

💖 Подарували Гепі Міл? Поставте серденько та поширте сей допис.

***
1 добродій = 1 Гепі Міл = 135 гривень.

Реквізити банки Незамовленого Гепі Мілу:
🔗 https://send.monobank.ua/jar/9B34YovBRP
💳 5375411204247873
10👍3
На оголошення премії ДОУ я мабуть уже не дочекаюся, тож пропоную зробити нам свою власну:

🥇Оголошується відбір на премію - найкорисніша бібліотека/фреймворк для вивчення у 24році.

🗓 Порядок такий:

До 27.12 пишіть ваш варіант у коментарі під цим постом який може включати до трьох технологій.

27.12 я викладу голосування для п'ятірки найбільш згадуваних технологій

29.12 оголосимо переможця, якого виберете ви.

І, можливо, зроблю на переможця відео огляд 😎

✉️Поширюйте щоб до нас доєдналося якомога більше людей)

Зробимо власну премію разом!
@reactbeginners
7
Результати першого дня Премії Найкорисніша Бібліотека/Фреймворк у 2024 році

👉Зібрав у список ваших номінантів на премію, додав посилання та коротенький опис для зручності.

htmx - "Динамічний" HTML (1)
react-query - хуки для роботи з асинхронними даними (але не тільки) (3)
webflow no-code білдер для веб сторінок (2)
JQuery Mother of all code (1)
Mootools Інша версія JQuery (1)
TensorFlow - Машинне навчання (1)
Django - Звільнений Фреймворк для веб розробки на Пітоні (1)
Next.JS - Фреймворк для веб розробки на React (1)
XState - Cтейт менеджер для фронтенд застосунків
SolidJs - Бібліотека для створення фроненду, схожа на React
sveltekit - UI фреймворк на Svelte

Пропонуйте свої варіанти або підтримуйте вже існуюч під постом за цим посиланнямі!

@reactbeginners
13👍3
Forwarded from Той самий Бабіч (Сергій Бабіч)
Angular насправді для джуніорів?! Vue кращий за React?! Можна нічого не вчити і все на світі знати?! Бабіч, схаменися!

А й не подумаю! І за три хвилини вже почнеться етер, на якому будемо разом з Олексієм Павленком та Павлом Зубенком розповідати про свій досвід й обговорювати це усе наживо.

І, звичайно ж, будемо збирати кошти для ЗСУ, цього разу на придбання мобільного будиночку (або ж трейлеру) для розрахунку ППО.

Заходьте вже!

https://youtube.com/live/cQKI6kwHPWg
👍14🔥5
🌲Усіх зі святами! 🌲

❤️ Сподіваюся ви знайдете час та можливість трохи перепочити, приділити увагу собі та сім'ї.

📋А ось оновлений список на премію:

Лідери:
react-query - хуки для роботи з асинхронними даними (але не тільки) (4)
webflow no-code білдер для веб сторінок (2)

Однобальники:
htmx
- "Динамічний" HTML (1)
JQuery Mother of all code (1)
Mootools Інша версія JQuery (1)
TensorFlow - Машинне навчання (1)
Django - Звільнений Фреймворк для веб розробки на Пітоні (1)
Next.JS - Фреймворк для веб розробки на React (1)
XState - Cтейт менеджер для фронтенд застосунків (1)
SolidJs - Бібліотека для створення фроненду, схожа на React (1)
sveltekit - UI фреймворк на Svelte (1)
MUI - бібліотека компонент для React в матеріальному дизайні (1)
AlpineJS - бібліотека для додавання поведінки HTML (1)
Hotwire - ще один інструмент для написання інтерактивного HTML без великої кількості JS (1)

😊 Долучайтеся до голосування!

@reactbeginners
17👍4
😞 Нажаль я таки не потрапив у шорт ліст премії DOU😞

🫥 Не буду кривити душею, я трохи засмучений, всі ми істоти соціальні, і я не виключення. Але, як завжди є але, навіть декілька.

👉 По-перше це по справжньому гарна можливість оцінити пройдений шлях, зусилля та майбутні наміри. Що й буде зроблено протягом найближчого часу.

😍По-друге, хоча не пройшов я, але Сергій Бабіч таки пройшов (з чим я його і вітаю). То ж давайте його підтримаємо, він на це заслужив.

🤝Дякую DOU за їх зусилля, сподіваюся ви продовжите цю традицію і наступного року.

П.М. А наше голосування буде вже от-от, буквально завтра!

Бережіть себе, допомагайте ЗСУ, і ще побачимося!
👍3014💔3
Free React For Beginners
😞 Нажаль я таки не потрапив у шорт ліст премії DOU😞 🫥 Не буду кривити душею, я трохи засмучений, всі ми істоти соціальні, і я не виключення. Але, як завжди є але, навіть декілька. 👉 По-перше це по справжньому гарна можливість оцінити пройдений шлях, зусилля…
Ну не заслужив та й не заслужив. Шо тут бухтіти, правда? Враховуючи все інше то це дійсно просто нюанси.

Головне перемогти, а вже потім можна бурчати навкруги і сумувати по таким приводам.

І скажіть що я не правий?

Всім тихого вечора, не витрачайте свої душевні сили дарма. Краще обніміть близьких та погладьте кота.
👍2313
ГОЛОСУВАННЯ за премію Найкорисніша Бібліотека/Фреймворк у 2024 році.
Перші два учасники відібрані за вашими попереднімі голосами. Інші три вибрав random.org (і, неповірите, nextjs також).
Anonymous Poll
29%
React-Query
3%
WebFlow
48%
NextJs
3%
TensorFlow
5%
Django
12%
MUI
0%
Mootools
👍6😁2
Збір закрито!

🔥Новорічний подарунок - Пічка Новорічка. 🔥

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

💰Ціна питання не велика - це усього 2800 гривень (хоча для пічки це не дешево, є і за 800 гривень, але це трохи не те). Я вже декілька придбав та відправив за свої гроші, але цю, я б хотів би подарувати саме від нашої спільноти.

👉Тому, хто згоден прийняти у цьому участь, ось баночка, долучайтеся!
🔥7👍2
Збір закрито. Пічка дозамовлена!

А ось, на фото, попереднє замовлення яке сьогодні відправлять на службу.
👍10❤‍🔥2
🥳 Збір закрито, пічка дозамовлена, гарні фото будуть 🥳

❤️ Дякую усім хто долучився, особливо дякую пану Олександру, який віддав частину гонорару за свій лендінг. Саме це я і мав на увазі коли створював канал. Якщо у вас є робота, ви забезпечите себе, підтримаєте армію і наблизите перемогу аби всі ми могли жити у мирі.

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

То ж ще раз дякую - завтра будемо підбивати підсумки року і нашої камерної премії!

Всім тихої ночі
21👍3
Тримаймося!

Перший раз почув кинджал( мій район як завжди топ😅
🤯18👍5
Дніпро, Львів, Харків, Одеса, Київ. І Запоріжя

Мої співчуття. Тримайтеся
💔426👍4
У такий день шкодуєш що не здатен зробити якусь вундервафлю. Щоб раз і пустка навкруги...
💯55👍6
Сьогодні було заплановане підведення підсумків премії і ми її підведемо. А русня хай іде під три чорти.

Отже...
5
Переможці премії Найкорисніша Бібліотека/Фреймворк у 2024 році.

🤪 Перше місце, 179 голосів, Next.JS
. Специфічний фреймворк зі своїм баченням та дитячими хворобами. З можливістю писати серверний та клієнтський код. З фокусом на швидкодію та статику. З бісячими глюками. Зате популярний.

💪 Друге місце, 104 голоси React-Query - бібліотека для синхронізації локального та віддаленого стейту.  Популярна, корисна та потужна (зроблю на неї огляд)

🌷Третє місце, 41 голос, MUI - бібліотека React компонентів з підтримкою темізації та CSS in JS. Дійсно корисна, хоча й велика.

🤖Місце від адміна - Сигнали - технологія яка може стати поруч із промісами, без яких я зараз не уявляю сучасну розробку. Проста та лаконічна реактивність без стороннього коду. Звісно, якщо вони з'являться в самій мові. Але тут ще треба почекати.

Дякую усім хто долучився і усім хто пропонував нові та цікаві речі.


@reactbeginners
🔥224👍2