Maksym Rudnyi
Всім привіт.
Мене звати Рудний Максим і я займають розробкою програмного забезпечення понад 10 років. За всі ці роки я отримав неоціненний досвід і хочу поділитись ним з іншими.
На даному каналі я буду викладати туторіали і навчальні матеріали для навчання програмуванню. Найкраще навчатися у спеціалістів які безпосередньо практикують програмування.
Підписуйтесь на канал, ставте свої уподобайки та навчаймось разом. Попереду довгий, але неймовірно цікавий та корисний шлях.
Maksym Rudnyi
Найкращий розбір проєкту за весь час рубрики SYCS. Понад 4000 переглядів на 5 днів. Куча всього цікавого що ви можете взяти з цього проєкту та розбору. Не пропустіть. https://youtu.be/gLj71AVkfTk
Після аналізу коду у мене залишилось більше питань ніж відповідей:
Чому вибраний підхід із Styled Components на основі Tailwind?
Чому головна сторінка зроблена як клієнтський компонент?
Чому аналітика не налаштована через GTM?
Чому не налаштоване форматування коду?
Навіщо додавати сортування імпортів, але не налаштовувати його?
І ще багато інших питань.
Цікаво чому так? Дивимось відео https://youtu.be/gLj71AVkfTk
1 year ago (edited) | [YT] | 5
View 0 replies
Maksym Rudnyi
Всім привіт!
Ексклюзивно для спонсорів та патронів рівня Senior я випустив відео про додаткові джерела доходів для програміста — заробіток на YouTube. У цьому відео я розповідаю про свій досвід ведення двох каналів (українською та англійською мовами) та скільки грошей це мені принесло. Загалом, ділюся всіма плюсами та мінусами.
Якщо ви ще не приєдналися до нашої спільноти спонсорів та патронів або бажаєте підвищити свій рівень, буду радий вас бачити серед Senior-учасників!
Стати спонсором каналу:
youtube.com/channel/UC-648eMxRKdDPJMm5sPd82w/join
Мій Patreon - www.patreon.com/rudnyi
1 year ago | [YT] | 1
View 0 replies
Maksym Rudnyi
Всім привіт. Для спонсорів та патронів каналу уже доступний суботній розбір проєкту. Сайт-портфоліо Senior Frontend розробника. Проєкт мене сильно здивував і такого коду я там явно не очікував. Думаю усім буде корисно подивитись та проаналізувати помилки. Стати спонсором каналу:
youtube.com/channel/UC-648eMxRKdDPJMm5sPd82w/join
Для спонсорів та патронів доступні ексклюзивні відео та менторські сесії. Ну і ще деякі плюшки.
1 year ago | [YT] | 5
View 0 replies
Maksym Rudnyi
13-й розбір проєкту в рамках рубрики "Show Your Code Saturday", що проходить разом з DOU, уже на каналі!
У цьому відео розберемо два цікавих React-патерни та кілька недоліків у коді. Дивіться за посиланням: https://youtu.be/DS4e3HdAvBg
1 year ago | [YT] | 6
View 0 replies
Maksym Rudnyi
Всім привіт. Спонсорам і патронам уже доступне ексклюзивне відео на каналі, де ми реалізовуємо приклад тестового завдання. Потрібно зробити серверний рендеринг (SSR) за допомогою React + WebPack + NodeJS, без використання NextJS. Реалізацію розбив на декілька частин. Перша уже доступна.
Корисного перегляду та дякую за підтримку.
1 year ago | [YT] | 7
View 3 replies
Maksym Rudnyi
Цікавий і дуже підступний баг виявив під час останнього рев'ю проєкту. Сайт працював більш-менш нормально (трохи вижирав процесора, але не критично) до моменту коли почав записувати відео. Після цього ним користуватися стало неможливо. Така дрібниця зіпсувала враження про проєкт.
Відео за посиланням https://youtu.be/590tLT-rlYM
Чи проблема в моєму ноуті? Ні. Сайт використовує багато анімацій та складні 3D об'єкти, з якими треба бути максимально обережним.
1 year ago | [YT] | 8
View 0 replies
Maksym Rudnyi
Кажуть, що число 7 щасливе. Сьогодні у нас сьомий розбір проєкту в межах рубрики Show Your Code Saturday (SYCS), і проєкт потрапив дійсно крутецький. Я б сказав, що автор передивився всі наші розбори та мої відео на каналі, врахував усі зауваження та недоліки й зробив ідеальний проєкт. Ну майже ідеальний.
Відео тут https://youtu.be/afRitWLturA. Аудиторії заходить на УРА!
Огляд буде більше корисним не самому автору, а глядачам та читачам. По перше, схожі проєкти — чати, інколи компанії дають як тестове завдання. Цей огляд допоможе з реалізацією таких завдань. По друге, зауважень до проєкту не так багато, тому автору може буде нудно.
Чистий React. Проєкт згенеровано за допомогою Vite. Для хейтерів NextJS — бальзам на душу. Відразу додано й налаштовано Pritter та ESLint — код форматований і вже мінімізована велика кількість помилок та проблем.
Сюрпризом для мене стали налаштовані GitHub Actions із SonarCloud. Про Sonar я уже говорив у SYCS5, де ми розбирали клон Zoom — Yoom.
Для роботи зі стилями обрано Tailwind. Tailwind без prettier-plugin-tailwindcss — «гроші на вітер». На щастя, цей плагін тут є і працює.
Стейт-менеджер — Zustand. Ми його вже бачили в одному з оглядів. На цю тему в мене є окреме відео — Zustand. Ідеальний стейт менеджер для React у 2024 році?
Звісно ж усе написано на TypeScript. Що цікаво, автор описав усі інтерфейси та типи. У відео я їх показую. Їх багато, дуже багато. Можливість типізації — це одна з головних переваг TypeScript, але описування всіх цих типів та інтерфейсів — ще та морока.
1 year ago | [YT] | 7
View 0 replies
Maksym Rudnyi
На каналі 13000 підписників. Дякую що дивитесь і навчаєтесь. Рухаємось далі, до мільйону зовсім трішки 😂😂.
До речі, новий відосік уже на каналі.
P. S. На каналі є спонсорство, можна підтримати гривнею. Для спонсорів є окремі відео і скоро буде ще більше.
1 year ago | [YT] | 20
View 0 replies
Load more