Free React For Beginners
Знову постало питання що є проблеми з TS. А ну допоможіть мені з цим розібратися:
Я + TS = ? Якщо ви обрали варіант "потрібна допомога" - обов'язково напишіть в чому і можливо вона прийде :)
Я + TS = ? Якщо ви обрали варіант "потрібна допомога" - обов'язково напишіть в чому і можливо вона прийде :)
💪 Результати вийшли цікаві, і я радий що в більшості (69%) труднощі з TypeScript виникають лише зрідка.
😎А щоб підтримувати ваш рівень на належному рівні - зробив маленьке відео про ключове слово
💡Кому цікаво чим
🤝 Дякую всім хто писав детальні коментарі про свої складнощами з TS. Це було не марно, будемо думати що з ними робити.
😎А щоб підтримувати ваш рівень на належному рівні - зробив маленьке відео про ключове слово
satisfies
, яке з'явилося в TS. 4.9💡Кому цікаво чим
satisfies
відрізняється від as
або прямого вказання типу - прошу до відео🤝 Дякую всім хто писав детальні коментарі про свої складнощами з TS. Це було не марно, будемо думати що з ними робити.
YouTube
TypeScript, приведення типів і satisfies
👉 Розбираємо помилку "argument of type is not assignable to ..." та з'ясовуємо що може нове ключове слово в TypeScript: satisfies
✉️ Telegram: https://t.me/reactbeginners
❤️ Підтримати канал: https://opencollective.com/farstar
✉️ Telegram: https://t.me/reactbeginners
❤️ Підтримати канал: https://opencollective.com/farstar
👍25❤7
Free React For Beginners
💪 Результати вийшли цікаві, і я радий що в більшості (69%) труднощі з TypeScript виникають лише зрідка. 😎А щоб підтримувати ваш рівень на належному рівні - зробив маленьке відео про ключове слово satisfies, яке з'явилося в TS. 4.9 💡Кому цікаво чим satisfies…
Судячи з усього, дві третини моїх глядачів на YouTube сидять на інтернеті від Київстар 😁
😁56👍7
Давайте трохи допоможемо Сергію. Там відносно не багато, але потрібно.
Я теж зараз трохи підкину.
Я теж зараз трохи підкину.
❤6
Forwarded from Той самий Бабіч (Сергій Бабіч)
Русня не втомлюється нагадувати усім, які вони насправді гниди і уєбани, а я ніколи не втомлюсь робити коштозбори для ЗСУ, аби вони ту гниль нищили й зтирали з лиця землі.
Якщо коротко, завтра особливий день, і до цього особливого дня наші котики-богунівці попросили скромний подарунок — просто закрити рахунки за ремонт. На загальну суму в 32 446 гривень.
Там пару гривень вже лежить, так тона Новий Рік на лебідку, так шо вважайте, шо збираєм на ремонт з нуля.
🔗Посилання на банку
https://send.monobank.ua/jar/AeXQ6YRf2X
💳Номер картки банки
5375411202918178
Якщо коротко, завтра особливий день, і до цього особливого дня наші котики-богунівці попросили скромний подарунок — просто закрити рахунки за ремонт. На загальну суму в 32 446 гривень.
Там пару гривень вже лежить, так то
🔗Посилання на банку
https://send.monobank.ua/jar/AeXQ6YRf2X
💳Номер картки банки
5375411202918178
❤25👍6
Прикол - тільки що знайшов на чому побудована мобільна версія Steam-у
Вгадаєте на чому він написаний?
А ось на чому: React Native, React, Axios, React Query і, напевно найцікавіше тут - MobX! А ви кажете redux, recoil...
Всім тихих вихідних!
@reactbeginners
Вгадаєте на чому він написаний?
Всім тихих вихідних!
@reactbeginners
👍15🤯2❤1
Працює - не чіпай
🧐 Як і ви, я не одноразово чув цю тезу від колег, старших розробників і навіть з анекдотів*. Але сліпе використання цього принципу приносить багато шкоди і створює замкнуте коло:
1: Написали код;
2: Змінилися вимоги, або обставини;
3: Працює - не чіпай;
4: Наліпили костилів;
continue 1;
🪚 Замість того, щоб обережно підпилити один шматок коду, ми накручуємо на нього спочатку ізоленту, потім скотч, потім армований скотч, а потім бетонуємо все арматурою. І в якийсь момент це все перетворюється на архітектуру костилів на вістрі голки, коли одна необережна думка валить це все команді на голову. А проект все ще потрібно не просто підтримувати, а ще й розвивати.
😊 Тому, на мою думку, постійний рефакторинг є необхідною передумовою для того, щоб ваш проект міг спокійно розвиватися з часом.
То ж не бійтеся постійно переглядати ваш код. Адаптуйте його до нових вимог, покращуйте його, перейменовуйте та спрощуйте.
@reactbeginners
🧐 Як і ви, я не одноразово чув цю тезу від колег, старших розробників і навіть з анекдотів*. Але сліпе використання цього принципу приносить багато шкоди і створює замкнуте коло:
1: Написали код;
2: Змінилися вимоги, або обставини;
3: Працює - не чіпай;
4: Наліпили костилів;
continue 1;
🪚 Замість того, щоб обережно підпилити один шматок коду, ми накручуємо на нього спочатку ізоленту, потім скотч, потім армований скотч, а потім бетонуємо все арматурою. І в якийсь момент це все перетворюється на архітектуру костилів на вістрі голки, коли одна необережна думка валить це все команді на голову. А проект все ще потрібно не просто підтримувати, а ще й розвивати.
😊 Тому, на мою думку, постійний рефакторинг є необхідною передумовою для того, щоб ваш проект міг спокійно розвиватися з часом.
То ж не бійтеся постійно переглядати ваш код. Адаптуйте його до нових вимог, покращуйте його, перейменовуйте та спрощуйте.
@reactbeginners
👍26❤7
TypeScript - викинути не можна залишити (21.12, 20:00)
😎 А ось і обіцяне відео з доповіді, яку я провів для Житомирської Політехніки, на запрошення пана Романа.
🧠 Мета цього відео - не викласти вам готову відповідь, чи потрібен TS чи ні, а дати матеріал для роздумів, аби ви могли прийняти власне та обдумане рішення щодо потрібності цього інструменту. Бо, як я казав на самому початку, дядьо з телевізору може будь-яку фігню нести, а нам з цим потім працювати.
📅 Відео вийде о 20:00, у четвер, тобто сьогодні. Усім гарного перегляду.
Бережіть себе, допомагайте ЗСУ, скоро побачимося!
@reactbeginners
😎 А ось і обіцяне відео з доповіді, яку я провів для Житомирської Політехніки, на запрошення пана Романа.
🧠 Мета цього відео - не викласти вам готову відповідь, чи потрібен TS чи ні, а дати матеріал для роздумів, аби ви могли прийняти власне та обдумане рішення щодо потрібності цього інструменту. Бо, як я казав на самому початку, дядьо з телевізору може будь-яку фігню нести, а нам з цим потім працювати.
📅 Відео вийде о 20:00, у четвер, тобто сьогодні. Усім гарного перегляду.
Бережіть себе, допомагайте ЗСУ, скоро побачимося!
@reactbeginners
YouTube
TypeScript - викинути не можна залишити. Кому постав сам.
👉TypeScript - переваги, недоліки. Розмова для роздумів, чи потрібен вам TypeScript на проекті.
✉️ Telegram: https://t.me/reactbeginners
❤️ Підтримати канал: https://opencollective.com/farstar
✉️ Telegram: https://t.me/reactbeginners
❤️ Підтримати канал: https://opencollective.com/farstar
👍23❤11
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
Доброго ранку, котики! Сьогодні п'ятниця, а отже прийшов час Незамовленого Гепі Мілу. Раніше у нас в сім'ї була традиція щоп'ятниці замовляти нашим дітям по Гепі Мілу, після чого ми сідали поряд та дивилися разом кіно чи мультик. І так відбувалося щотижня. До 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
🥇Оголошується відбір на премію - найкорисніша бібліотека/фреймворк для вивчення у 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
👉Зібрав у список ваших номінантів на премію, додав посилання та коротенький опис для зручності.
htmx - "Динамічний" HTML (1)
react-query - хуки для роботи з асинхронними даними (але не тільки) (3)
webflow no-code білдер для веб сторінок (2)
JQuery Mother of all code (1)
Mootools Інша версія JQuery (1)
TensorFlow - Машинне навчання (1)
Django -
Next.JS - Фреймворк для веб розробки на React (1)
XState - Cтейт менеджер для фронтенд застосунків
SolidJs - Бібліотека для створення фроненду, схожа на React
sveltekit - UI фреймворк на Svelte
Пропонуйте свої варіанти або підтримуйте вже існуюч під постом за цим посиланнямі!
@reactbeginners
❤13👍3
Forwarded from Той самий Бабіч (Сергій Бабіч)
Angular насправді для джуніорів?! Vue кращий за React?! Можна нічого не вчити і все на світі знати?! Бабіч, схаменися!
А й не подумаю! І за три хвилини вже почнеться етер, на якому будемо разом з Олексієм Павленком та Павлом Зубенком розповідати про свій досвід й обговорювати це усе наживо.
І, звичайно ж, будемо збирати кошти для ЗСУ, цього разу на придбання мобільного будиночку (або ж трейлеру) для розрахунку ППО.
Заходьте вже!
https://youtube.com/live/cQKI6kwHPWg
А й не подумаю! І за три хвилини вже почнеться етер, на якому будемо разом з Олексієм Павленком та Павлом Зубенком розповідати про свій досвід й обговорювати це усе наживо.
І, звичайно ж, будемо збирати кошти для ЗСУ, цього разу на придбання мобільного будиночку (або ж трейлеру) для розрахунку ППО.
Заходьте вже!
https://youtube.com/live/cQKI6kwHPWg
YouTube
Дивовижний світ веброзробки // Сергій Бабіч, Олексій Павленко, Павло Зубенко
Дякую усім за перегляд та участь в коштозборі! Під час етеру та протягом вихідних було зібрано 6 969 гривень! Наразі банку, вказану під час трансляції, вже розбито.
Долучитися до подальшого збору ви можете в постійно діючій банці:
https://send.monobank.…
Долучитися до подальшого збору ви можете в постійно діючій банці:
https://send.monobank.…
👍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
❤️ Сподіваюся ви знайдете час та можливість трохи перепочити, приділити увагу собі та сім'ї.
📋А ось оновлений список на премію:
Лідери:
react-query - хуки для роботи з асинхронними даними (але не тільки) (4)
webflow no-code білдер для веб сторінок (2)
Однобальники:
htmx - "Динамічний" HTML (1)
JQuery Mother of all code (1)
Mootools Інша версія JQuery (1)
TensorFlow - Машинне навчання (1)
Django -
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 за їх зусилля, сподіваюся ви продовжите цю традицію і наступного року.
П.М. А наше голосування буде вже от-от, буквально завтра!
Бережіть себе, допомагайте ЗСУ, і ще побачимося!
🫥 Не буду кривити душею, я трохи засмучений, всі ми істоти соціальні, і я не виключення. Але, як завжди є але, навіть декілька.
👉 По-перше це по справжньому гарна можливість оцінити пройдений шлях, зусилля та майбутні наміри. Що й буде зроблено протягом найближчого часу.
😍По-друге, хоча не пройшов я, але Сергій Бабіч таки пройшов (з чим я його і вітаю). То ж давайте його підтримаємо, він на це заслужив.
🤝Дякую DOU за їх зусилля, сподіваюся ви продовжите цю традицію і наступного року.
П.М. А наше голосування буде вже от-от, буквально завтра!
Бережіть себе, допомагайте ЗСУ, і ще побачимося!
👍30❤14💔3