Free React For Beginners
Відкрити в Telegram
💻 Про #React та #frontend та #веб розробку 🧑🎓 Для початківців і не тільки 👉 https://www.youtube.com/@reactdev
Показати більше3 019
Підписники
-124 години
-37 днів
-1530 днів
Завантажуємо дані
Схожі канали
![VS [Front-end]](https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.telemetr.io%2Fc%2F1sfz5B%2F5219802342310929784%3Fty%3Dx&w=96&q=75){kind=small}
Хмара тегів
Вхідні та вихідні згадування
---
---
---
---
---
---
Залучення підписників
жовтень '26жовт '26
жовтень '26
+5
в 0 каналах
вересень '260
в 0 каналах
Get PRO
серпень '260
в 0 каналах
Get PRO
липень '260
в 0 каналах
Get PRO
червень '260
в 0 каналах
Get PRO
травень '260
в 0 каналах
Get PRO
квітень '260
в 0 каналах
Get PRO
березень '26
+3
в 0 каналах
Get PRO
лютий '26
+7
в 0 каналах
Get PRO
січень '26
+4
в 0 каналах
Get PRO
грудень '25
+5
в 0 каналах
Get PRO
листопад '25
+6
в 0 каналах
Get PRO
жовтень '25
+10
в 0 каналах
Get PRO
вересень '25
+6
в 0 каналах
Get PRO
серпень '25
+19
в 0 каналах
Get PRO
липень '25
+15
в 0 каналах
Get PRO
червень '25
+7
в 0 каналах
Get PRO
травень '25
+9
в 0 каналах
Get PRO
квітень '25
+10
в 0 каналах
Get PRO
березень '25
+18
в 0 каналах
Get PRO
лютий '25
+18
в 0 каналах
Get PRO
січень '25
+37
в 1 каналах
Get PRO
грудень '24
+47
в 1 каналах
Get PRO
листопад '24
+24
в 0 каналах
Get PRO
жовтень '24
+36
в 0 каналах
Get PRO
вересень '24
+51
в 0 каналах
Get PRO
серпень '24
+60
в 1 каналах
Get PRO
липень '24
+64
в 0 каналах
Get PRO
червень '24
+52
в 1 каналах
Get PRO
травень '24
+176
в 1 каналах
Get PRO
квітень '24
+138
в 4 каналах
Get PRO
березень '24
+151
в 2 каналах
Get PRO
лютий '24
+432
в 2 каналах
Get PRO
січень '24
+142
в 2 каналах
Get PRO
грудень '23
+119
в 1 каналах
Get PRO
листопад '23
+140
в 5 каналах
Get PRO
жовтень '23
+99
в 1 каналах
Get PRO
вересень '23
+215
в 0 каналах
Get PRO
серпень '23
+60
в 0 каналах
Get PRO
липень '23
+82
в 0 каналах
Get PRO
червень '23
+155
в 0 каналах
Get PRO
травень '23
+73
в 0 каналах
Get PRO
квітень '23
+123
в 0 каналах
Get PRO
березень '23
+90
в 0 каналах
Get PRO
лютий '23
+58
в 0 каналах
Get PRO
січень '23
+183
в 0 каналах
Get PRO
грудень '22
+89
в 0 каналах
Get PRO
листопад '22
+99
в 0 каналах
Get PRO
жовтень '22
+624
в 0 каналах
Get PRO
вересень '22
+97
в 0 каналах
Get PRO
серпень '22
+31
в 0 каналах
Get PRO
липень '22
+38
в 0 каналах
Get PRO
червень '22
+63
в 0 каналах
Get PRO
травень '22
+257
в 0 каналах
Get PRO
квітень '22
+1 156
в 0 каналах
| Дата | Залучення підписників | Згадування | Канали | |
| 31 жовтня | 0 | |||
| 30 жовтня | 0 | |||
| 29 жовтня | 0 | |||
| 28 жовтня | +1 | |||
| 27 жовтня | +1 | |||
| 26 жовтня | 0 | |||
| 25 жовтня | +1 | |||
| 24 жовтня | 0 | |||
| 23 жовтня | +1 | |||
| 22 жовтня | 0 | |||
| 21 жовтня | 0 | |||
| 20 жовтня | 0 | |||
| 19 жовтня | 0 | |||
| 18 жовтня | 0 | |||
| 17 жовтня | 0 | |||
| 16 жовтня | 0 | |||
| 15 жовтня | 0 | |||
| 14 жовтня | 0 | |||
| 13 жовтня | 0 |
Дописи каналу
Як і обіцяв - про БЗВП по свіжих слідах (і заодно про процес).
У знайомого злетіло бронювання і прийшла повістка. Він прийняв рішення мобілізовуватися і звернувся в декілька бригад за рекрутингом, і паралельно набрав мене. У людини є досвід з розробкою і ще деякі супутні моменти, то ж я пішов до командира і запропонував з ним поговорити.
В сумі ми проговорили десь до 10 хвилин. Перше питання мотивація, друге готовність працювати, третє скіли. Після цього йому розповіли про підрозділ і запропонували посаду. Одразу скажу що не до мене, а по-сусідству, щоб не було конфліктів. Після цього був ще один дзвінок між ним та його майбутнім безпосереднім командиром.
Він день подумав, поспілкувався з іншими частинами і прийняв рішення йти до нас. Далі ВЛК, підписання контракту (але не отримав* його, не робіть так), заїзд на пару днів в частину і відбуття на БЗВП.
Оскільки ВЛК його визнало обмежено придатним (так дійсно буває коли ти йдеш на контракт сам) його відправили в окремий навчальний центр для "обмежено придатних". Для обмежено придатних БЗВП, по-перше, коротше - 30 днів замість 45, по-друге менші фізичні навантаження - без смуги перешкод, психофізичної полоси, бігу. Як він розповідав - вони ходили, а у кого взагалі були проблеми зі спиною то підвозили.
В усьому іншому стандартне БЗВП - стрільби, медицина, щось про дрони, наряди і тривоги. Зі свого досвіду наряди та тривоги це найнеприємніше, але пережити можна, особливо в літній період. От в зимовий тривоги це велика проблема. Там банально холодно, навіть з буржуйками ну і спробуйте поспати 3 - 4 ночі уривками по 2-4 години. Задоволення таке собі. А варіантів немає, людей треба під час тривоги ховати. Ну і наряд по кухні лажа.
Після місяця навчань він повернувся в частину і ще за тиждень вже був в своєму підрозділі. Ось якось так.
* Що він зробив правильно: вибрав рекрутинг, продзвонив В/Ч, поспілкувався з командирами, вибрав контракт (за це ще й якісь додаткові виплати наче будуть)
Що зробив не правильно: не забрав контракт до відправки на БЗВП. Йому це гірше не зробило, тому що все тримали на контролі одразу декілька людей, але про всяк випадок свій контракт треба мати під боком. Як кажуть - від лукавого.
Така ось історія, може 2 - 3 людям буде корисною.
Бережіть себе.
| 2 | Думаю багатьом буде цікаво щось дізнатися про розробоку в ЗСУ
Спробою розповісти трохи того що знаю.
По-перше є загально військова розробка. Тобто розробка та підтримка систем які загально прийняті в ЗСУ Наприклад Дельта, вони навіть колись виступали на FWDays (23 рік здається). Там розробка схожа на звичайний продукт, зі спрінтами та ретро. Кажуть що ночують вдома, є вихідні, але головне що програмування це їх основна задача, на передок не ходять. Дельта звісно не єдина така система їх ще є декілька, то ж в теорії вибір є.
По-друге, є локальний софт який використовується на рівні бригади або корпусу. Це те чого раніше не було. Зараз толкові бригади розібралися з тим що дає програмування і активно його застосовують для покращення собі життя. Це можуть бути складські програми, аналітичні або інші. Наскільки я бачив зазвичай це теж єдина задача, але вже не зовсім, можуть підкидати щось іще по фаху. + якщо це система яка так чи інакше пов'язана з керуванням то ти її і тестуєш і впроваджуєш.
І нарешті є третій рівень коли розробка використовується для локальних задач. Наприклад певна автоматизація позиції (не повірите, банальне адміністрування живлення) допрацювання софта нрк чи бпла і так далі. Ось тут вже розробник працює в першу чергу за військовим фахом (звязківець приміром) а вже потім полегшує життя собі та побратимам автоматизацією.
В цілому розробників стараються берегти наскільки я це бачу зараз. Іноді виїхати на позицію треба прямо старатися. Певно так не у всіх, але це те що я особисто бачив по підрозділах.
Якось так. Якщо мене читає Дельта - вам привіт, колись я хотів у вас служити, але не склалося. Тим не менше ваша система реально крута.
Потім ще розповім про БЗВП, як раз нещодавно знайомий проходив.
Всім дякую, бережіть себе за можливості. | 1 212 |
| 3 | Всім привіт. Давно не бачилися, але до телеграму руки все ніяк не доходили. В лінкедині я ще періодично відписуюсь, а з телеграмом складніше.
У мене все так само. Служба, служба, служба. Але дали відпустку так що я щасливий. А взагалі у нас багато цікавого, наприклад товариші долучились до зйомки ролика для сталкера) Або товариш збив молнію з 12 калібру. А чому вона там літала)
Щодо реакту то давно ним не займався, для моїх задач це прямо оверкіл. В цілому достатньо чистого js або простіть мене пайтону.
Взагалі з розробкою в ЗСУ стає краще. Багато підрозділів зрозуміли цей інструмент і всіляко залучають розробників за їх фахом. Не кругом, звісно, але явно більше ніж 2 роки назад.
А як ваші справи? Що зараз з роботою? Як взагалі почуває себе розробка? | 1 563 |
| 4 | Київ, співчуваю. Сам сьогодні в цю ніч був на лукьянівці. Як на мене, найважча ніч за всі.
Ринку на який я ходив 15 років немає, метро пошкоджене, навіть мак згорів(
Але ми ще поборимось. Я щиро вірю що у нас ще є шанси відстояти свою незалежність. І хай що собі русня уявляє чи хоче, ми будемо самі собі господарями.
Бережіть себе, все буде так, чи інакше. Побачимось в ефірі! | 3 637 |
| 5 | З новим Роком. Нехай це буде останній рік війни. А росія нехай отримує те на що заслужила.
І якщо ми перетеопимо один одного, все буде добре.
Усіх зі святами! | 1 329 |
| 6 | Сподіваюся всі живі. Схоже що це був рекордний наліт. Як бачите - путін не зацікавлений в мирі. Йому потрібна капітуляція України. А до чого призведе наша капітуляція ви можете побачити на прикладі Білорусі. І це ще в кращому випадку... | 1 461 |
| 7 | Повернувся на два дні в Київ) помитися поголитися відпочити)
В цілому все гаразд, роботи трохи є, але всі живі здорові, вже добре.
З цікавого активно розширюють штат для перехоплювачів шахедів. Має бути норм.
А так, продовжуємо служити. А ви як тут? | 2 389 |
| 8 | Як покласти СlaudFlare на годину?
Виявляється нічого складного - все що треба, допустити помилку в масиві залежностей хуку useEffect і ClaudFlare заддосить сам себе.
Так що не сумуйте якщо у вас щось не виходить, всі помиляються. Головне не опускати руки)
Дякую пану Євгену за посилання | 1 386 |
| 9 | Отже про конфу.
Тема звісно #React, 18 жовтня, Київ.
Виступати будуть як мінімум Ілля Климов та Сергій Бабіч. Чи я буду - не знаю точно останнім часом було багато роботи, підготуватися просто не встигаю. Можливо буде альтернативний формат, побачимо.
Хто хоче прийти: Промо-код на 10%: FRFB2510
Хто хоче виступити (тех комітет там чудовий) тиць сюди
Бережіть себе, шахеди останнім часос геть озвіріли. Ну і скоро побачимось.
Ваш зампомиш. | 2 129 |
| 10 | Отака от несподівана новина
@FwDays запросили мене виступати в жовтні на React+ конфі
Було неочікувано та дуже приємно, вже навіть встигли обговорити з програмним комітетом можливу тему. Якщо вдасться все зробити - може бути прямо цікаво)
Але я про що - оскільки тема ще в роботі, ви можете запропонувати свою - про яку вам було б цікаво послухати. Хто зна, можливо саме її ви і почуєте зі сцени FwDays :) | 1 997 |
| 11 | Щось є в мене підозри що буде сьогодні гучно (вчасно я додому заїхав, ага).
Я вже в коридорі постелив, а ви? | 1 168 |
| 12 |  Окрім обробки завантаження та обробки помилок, не забувайте також відписуватися від асинхронних подій - таймаутів, таймерів, requestAnimationFrame та запитів на сервер.
Зробити все це дуже просто - головне не забути про це :)
Для відміни мережевого запиту потрібно:
1. В useEffect створити екземпляр класу AbortController
2. Передати властивість signal в поле signal методу fetch (Axios це також підтримує)
3. Повернути з useEffect метод, який викличе abort на екземплярі AbortController
Все... Тепер, коли зміняться залежності ефекту, або коли компонент буде демонтовано, асинхронний запит буде відмінено.
З setTimeout, setInterval, requestAnimationFrame ще простіше. Вони повертають спеціальний id і все що вам треба зробити - викликати clearInterval, clearTimeout, cancelAnimationFrame у функції, яку повертає useEffect.
П.М. Планую зробити ефір в якому потоптатися по типових помилках в React. + Можливо зробити розіграш під благодійний збір на майстерню. Але поки це лише в планах.
Бережіть себе. | 1 705 |
| 13 | Окрім обробки завантаження та обробки помилок, не забувайте також відписуватися від асинхронних подій - таймаутів, таймерів. requestAnimationFrame та запитів на сервер. Особливо звертаю увагу на таймери та запити на сервер.
І зробити все це зовсім не складно - найскладніше - не забути про це :)
Для відміни мережевого запиту вам потрібно6 | 1 |
| 14 | Що ви тут взагалі?
Що нового в React? Що в NextJS? Як ринок - чи є робота?
Бачив що з'явилися нові ШІ для розробки (типу Cursor) але сам ще спробувати не міг, обмеження і все таке. Як воно вам? | 1 770 |
| 15 | Часта помилка початківців з мережевими запитами - ігнорування процесу завантаження та відсутність обробки помилок.
В чому суть. Поки ви розробляєте веб сторінку, у вас все добре. Сервер у вас десь поруч, не навантажений, всі запити проходять майже миттєво і завжди успішно.
На проді ситуація геть інша. Ваш клієнт може бути в іншій країні, а сервер буде завантажений, або просто недоступний з різних причин. В результаті - користувач тицяє кнопку, а нічого не відбувається. За кулісами запит то пішов, але користувач про це не знає. І тицяє ще раз. А потім іще... Це погано, і на щастя зараз майже всі відображають індикацію завантаження.
Але є але - часто забувають про обробку помилок. В результаті - користувач бачить вічний лоадер та заблокований UI. А перезавантажити сторінку - втратити форму яку користувач заповнював декільки хвилин. Або, якщо все зовсім погано, корзину яку він набирав... Щастя це не додає.
Другий момент - загальний loader який блокує геть весь екран, хоча заблокувати потрібно, наприклад, лише кнопку submit, або якийсь конкретний віджет. Звісно, нам так простіше - але, заблоковано має бути лише мінімально необхідна частина UI. Це дозволить продовжити роботу зі сторінкою поки користувач чекає на результат.
Тому, коли ви проектуєте щось з мережевими запитами - починайте з помилок. Замість fetch зробіть throw і подивіться як реагує ваш UI. І чи ок вам така реакція. Сповільніть інтернет через Google Developer Tools і вам одразу стане зрозуміло що не так. | 1 880 |
| 16 | Там Доу просить допомогти, заповнити зарплатне опитування. Доу постійно проводить збори для ЗСУ тому давайте і ми їм трохи допоможемо.
П. М. Трохи прогулявся по Києву - гарно, тихо. Наче все й добре. Тільки ціни на каву злетіли :'( | 2 164 |
| 17 | Паршива нічка. Як раз приїхав проходити ВЛК і тут таке.
В такі моменти шкодуєш що не служиш в ппо або не розробляєш далекобійну зброю.
Співчуваю... | 2 121 |
| 18 | Харків, співчуваю. росії байдуже кого вбивати. Власне їй навіть на своїх глибоко байдуже.
А з КАБами зараз можна боротися лише вибиваючи їх літаки. Робота ведеться але це займе час.
Харків, тримайся( | 3 063 |
| 19 | От бачите, не подбали трохи за безпеку і вже в сибіру палає.
Хай там навіть 20 літаків пошкоджено, але це просто найсильніша операція ССО у світі за якою можна знімати фільми будь-якого рівня.
Вітаю всіх причетних, та й нас звісно)
А ви будьте уважні, наступні тривоги не ігноруйте.
Побачимося, почуємося :)
Ваш зампомиш. | 4 000 |
| 20 | Отже про заголовки #websecurity для #frontend
Заголовків багато, різних, та нас цікавлять наступні:
1. Content-Security-Policy. Уявіть простий сценарій. На вашій сторінці знайшли XSS взраливість (треба про це розповідати?) і вбудували туди свій код. А він бах - і не працює. Чому? Тому що за допомогою CSP ви можете заборонити виконувати вбудований код. Тоді зловмисник може спробувати підвантажити код зі стороннього ресурсу. А це теж не працює, тому що ви обмежили завантаження JavaScript своїм доменом. Так само ви можете задати правила для будь-якого ресурсу - хоч JavaScript, хоч зображення, хоч CSS.
Що цікаво, що для налаштування цього заголовку вам не потрібно турбувати бекенд. Ви можете вказати його за допомогою тегу meta з властивістю http-equiv="Content-Security-Policy"
Правда є з ними і проблеми - складність налаштування (раджу використовувати CSP builder) та конфлікти з Google Analytics домен якої залежить від регіону. Відповідно вам доведеться додавати всі піддомени гугла у white list. Таке собі.
Детальніше почитати можна тут
2. Другий заголовок який нас цікавить - X-Content-Type-Options
Цей заголовок забороняє браузеру тип змісту ресурсів що завантажуються. Це протидії наступній цікавій атаці. Уявіть собі що ви налаштували CSP і заборонили виконувати JS. Зловмисник це побачив і замість файлу з content-type text/javascript відправляє той самий JS але не вказуючи тип. Деякі браузери (не всі), можуть спробувати подивитися в зміст файлу, і спробувати самостійно визначити його тип. Якщо тип буде визначено як JS цей файл буде виконано в обхід CSP.
Заголовок X-Content-Type-Options забороняє браузеру "вгадувати"
Нажаль, для цього заголовку, немає http-equiv, тому віддавати його має саме бекенд
Детальніше можна почитати тут
3. Третій заголовок - Feature Policy або його менш підтрумувана версія - Permission Policy. Тут все просто - цей заголовок вмикає/вимикає певні фічі WebAPI. Наприклад, якщо вашій веб сторінці не потрібна камера, ви можете повідомити браузеру що її вмикати взагалі заборонено. Якщо хтось таки зможе вбудувати XSS у вашу сторінку, камеру увімкнути він все одно не зможе. Так само можна вимкнути геолокацію, оплати, тощо. Це може захистити ваших користувачів раптом щось піде дуже не так.
Налаштовується лише через бекенд, детальніше можна подивитися тут
Заголовків ще є, наприклад X-Frame-Options, Referrer-Policy. Раджу їх також подивитися.
А у мене поки все, дякую всім хто дочитав. | 3 201 |
