Free React For Beginners

Як правильно віддати код на перевірку 0. Код має працювати*. Обов'язково додайте до репозиторію package-lock.json або yarn.lock файли для того щоб гарантувати ідентичність залежностей, що будуть встановлені на машині у перевіряючого. Якщо запуск коду вимагає чогось більш складного ніж npm i; npm start - вкажіть це в readme.md та в супровідному листі 1. Форматування**. Весь код має виглядати одноманітно і форматовано. Раджу використовувати prettier через його популярність. Команда npx prettier . --write вам у цьому допоможе. Не забудьте додати конфігураційний файл .prettierrc,json або .editorconfig 2. Приберіть зайве. Видаліть закоментований код, код що не використовуються та залежності які не потрібні. Перевірте що в репозиторій не включена*** тека node_modules, dist або build 3. Розберіться з усіма попередженнями від лінтера. Він ваш друг і намагається допомогти вам пройти рев'ю. Намагайтеся не допускати попереджень та помилок у консолі браузера чи Node.JS * Ні, я не капітан очевидність, я отримував на перевірку код що не працює. ** Питання як саме форматувати - спірне, але хоча б якесь одноманітне форматування краще ніж ніяке, а вірогідність що перевіряючий також використовує prettier досить висока. *** Якщо у вимогах до проекту прямо вказано, що він має працювати одразу як є - вказані теки мають бути включені в репозиторії. Всім добра, бережіть себе, допомагайте ЗСУ. @reactbeginners

Моє бачення розвитку junior+ спеціаліста: 1. Поглиблення і систематизація основ. React зміниться на щось інше, а JavaScript буде актуальним ще дуже довго. Мені в цьому допомогла книжка "Секрети JavaScript Ніндзя" (шукайте останнє видання). 2. Поглиблене вивчення основного фреймворку/бібліотеки. Шукаємо щось накшталт React in depth. Це дасть вам змогу писати більш якісний код за допомогою вашого основного інструменту 3. Вивчення кращих практик. Спочатку читаємо про загальні підходи - (той самий "Чистий код" Мартіна), потім шукаємо специфічне для React. ➕Додатково, якщо вам важко дається написання коду взагалі - рекомендую LeetCode - це досить гарний тренажер алгоритмічного мислення. Головне не пишіть код в проекті так як там 😂 Також раджу відвідувати конференції - чудово розширюють світогляд та надихають. 📔По можливості, вибирайте книжки замість відео курсів, в книжку, зазвичай, вкладається більше праці та часу і вона виходить більш якісною. Навчайтеся, розвивайтеся і все буде. @reactbeginners

Понеділок One to One Кожен понеділок, 9:00 - 9:30 Якщо потрібна допомога з React|FrontEnd|Розробки - букайте мітинг @reactbeginners

А як ще можна сказати про тих, хто використовує похилу в якості негативного значення. - Ти сьогодні ЗП отримав? - / Бам...💥

Next.JS проектували => Ногами => Не люди => Не для людей Я дуже не люблю такі гучні заяви без аргументації тому ось вам свіжий приклад: В Next.JS ви не можете налаштувати глобальну обробку серверних помилок (наприклад логування). Все потрібно робити для кожного API вузла окремо. А оскільки обробники ендпоінтів це звичайні функції - на них навіть декоратор так просто не повісиш. Обговорення цієї теми висить всього на всього сім років, без жодного руху. Такими темпами я скоро стану Next-о фобом.

Ну це просто не можу не пошарити - It Juniors роблять стрім з АРКТИКИ! Ефір вже завтра, подробиці тут. А ще можна спробувати поставити своє питання. Як пропатчити KDE під FreeBSD вже було - тому можемо запитати чи не мерзнуть Fiber дерева в Арктиці. Спитайте га? 💪💪💪 Оце я розумію рівень стріму)

Докинув 1000 гривень на нашу банку з попереднього збору і відправив Сергію на його збір на машину + реб Якщо щось виграємо - розіграю серед учасників каналу. Сума збору досить велика то ж у кого є змога - долучайтеся. І десять і двадцять гривень будуть корисні Від себе дякую!

🎉Хм, схоже свабодніе вібарі на росії почалися трохи раніше запланованого🎉 В добрий путь, як то кажуть. П.М, Ніколи не перестану дивуватися скільки ж всього корисного можна було зробити за всі витрачені рашкою ресурси.

Коротенький підсумок по 1-2-1 зустрічам: 1. Заплановано сім зустрічей, з них п'ять відбулося, на дві люди чомусь не прийшли (сподіваюся що з вами усе гаразд, але якщо ви просто проспали то не треба так) 2. Теми дуже різні, від очікуваних про кар'єру/навчання до таких які сам мусив передивлятися (архітектура React з середини) 3. В цілому, мені здається такий формат ОК - але будь-ласка, хто був - дайте чесний відгук чи було це вам корисно (можна тут, можна в Link, можна в ПП) На наступному тижні я відкрию один слот на тиждень (в понеділок або четвер) на наступний місяць і відпишусь про доступність І на одну з тем, на яку людина не прийшла, відпишусь тут - як раз про кар'єрний шлях та розвиток, можливо комусь буде корисно. П.М. У кого є - відкладіть трохи грошей, треба Сергію допомогти зі збором на машину (700 грн з минулого збору я як раз туди сьогодні кину) Всім продуктивного та тихого дня.

Що ж, вже за 10 хвилин ми розпочинаємо наш четвертий епізод "Резюме гриль", і він буде присвячений розбору резюме спеціалістів рівня Junior.  ⏰19.00 📍Де: Ютуб канал Juniverse Чекаємо вас з нетерпінням😎

Не беріть #NextJS в адмінку, це погана ідея: 1. Next, в першу чергу, це server side rendering (SSR) 2. SSR це додана складність і часом суттєва (спитайте Влада) 3. SSR адмінці до одного місця не потрібен Висновок: ви додаєте складність в обмін а ніщо. Для адмінки беріть щось більше до цього пристосоване - можна чистий React, можна PHP, .NET + Razor. Але не Next, не наступайте на мої граблі, не робіть каку на пустому місці П.М. На перший погляд ці двері однакові @reactbeginners

Нещодавно побачив пост про змагання 100 days of code - коли ви пишете код кожен день, без перерви, протягом ста днів. Ідея в принципі зрозуміла - отримати знання та напрацювати корисні звички, але зі свого досвіду скажу що з таким треба бути дуже обережним. Розробка, хоча і може виглядати як щось просте, - потребує значних розумових зусиль та елементів творчості і таке випробування, замість корисних навичок вас може просто виснажити, або взагалі викликати відразу до розробки. А відновлення може зайняти навіть більше за ці 100 днів. Я, коли занурююсь у якісь пет проекти паралельно з роботою, потім ще місяць можу ходити просто ніякий без бажань щось робити (навіть дійсно цікаве) Якщо ви все ж таки хочете випробувати себе - ставтеся до цього серйозно і обережно - ніхто одразу не намагається підняти 100 кілограмову штангу як тільки почав займатися. Тихих вихідних, бережіть себе та допомагайте ЗСУ. @reactbeginners

Дякую всім хто прийшов вчора і обіцяне: 1. Трохи відредаговане відео 2. Репозиторій оновлений учорашнім кодом Буду вдячний за відгуки, коментарі та лайки під відео - це допомагає його поширенню на YouTube. Мені залишається провести сьогодні останній 1-2-1 і я візьму невеличку перерву для відпочинку. Всіх був вчора радий бачити - якщо що пишіть) @reactbeginners

👉 Починаємо за 5хв - беріть чай, дружину і давайте дивитися Ставки скільки разів мене підставить Next пишіть під цим постом

Прохання підтримати пост і обов'язково приходьте сьогодні, о 19:00. Буде і цікаво і корисно @reactbeginners

Ця середа, 05.03, 19:00 - NextJS - клієнтська частина від А до Я Заплановано: 1. Створення застосунку з нуля 2. Базова стилізація: reset, variables 3. Роутинг: статична сторінка, динамічна, not-found 4. Проста робота зі стейтом 5. Робота з localStorage 6. Проста пагінація А ще, якщо не забуду, покажу дуже цікаву поведінку suppressHydrationWarning який працює трошки не так як очікується з його назви. Приходьте та поширюйте. Завтра ще продублюю на LinkedIn та попрошу вашої допомоги в поширенні. @reactbeginners

Ця середа, 05.03, 19:00 - NextJS - клієнтська частина від А до Я Заплановано: 1. Створення застосунку з нуля 2. Базова стилізація: reset, variables 3. Роутинг: статична сторінка, динамічна, not-found 4. Проста робота зі стейтом 5. Робота з localStorage 6. Проста пагінація А ще, якщо не забуду, покажу дуже цікаву поведінку suppressHydrationWarning який працює трошки не так як очікується з його назви. Приходьте та поширюйте. Завтра ще продублюю на LinkedIn та попрошу вашої допомоги в поширенні. @reactbeginners

Відео про Next.JS та роутинг вже готове для перегляду Зараз програма виглядає ось так: 0.0 - Вступ до курсу Next.JS 1.1 - Що таке Next.JS 1.2 - [Практика] Мій перший застосунок 2.1 - NextJs, компоненти та їх види 2.2 - Справжні клієнтські компоненти в Next.JS 2.3 - [Практика] NextJs, компоненти та їх види 3.1 - Next.JS та стилізація 3.2 - [Практика] Next.JS та стилізація 4.1 - Next.JS та клієнтський роутинг До речі, все це є в цьому плейлісті, можете на нього підписатися щоб не пропустити оновлення. І не забудьте залишити на завтра десь півтори години з 19:00 для прямого ефіру @reactbeginners

Як знайти невикористані експорти в TypeScript проекті

npx ts-prune -p tsconfig.json

Вітаю 🎉, ви знайшли знайшли експорти, що або зовсім не використовуються, або використовуються в середині модуля і їм можна прибрати export. З ростом проекту таке слід робити періодично - дозволяє більш менш безпечно видаляти зайвий код. Ще більш актуально така чистка стає, якщо над проектом працює велика кількість постійно нових людей 😉 З #NextJS буде трохи проблем, використовуйте прапорець -i для того щоб вимкнути перевірку не потрібних файлів (page.tsx, layout.tsx, etc) Документація тут @reactbeginners

Всім привіт. Сьогодні, в понеділок, о 19:00 виходить наступне відео про #NextJS присвячене роутингу. Поговоримо про те як додавати різноманітні види нових сторінок. А от в середу ввечері у нас буде прямий ефір на якому будемо пробувати все те що ми проходили попередньо - зробимо частину мікроблогу, тож резервуйте час - середа, 19:00. Цей ефір - кінець першої частини курсу. Лінка буде вже завтра. Бережіть себе, допомагайте ЗСУ і гарного всім тижня!