CSR, SSR, SSG: типы рендеринга и какой из них лучше использовать

Сравним основные виды отрисовки данных: на стороне сервера (SSR) и на стороне клиента (CSR), а также статическую генерацию сайтов (SSG) – давнюю технологию, которая сейчас переживает реинкарнацию благодаря фреймворкам и библиотекам как React, Angular, Vue, появляется все больше методов для статической генерации.

https://dou.ua/forums/topic/31720/?from=tg-tech

#Frontend

Electron — кроссплатформенный JavaScript фреймворк.
Он придёт вам на помощь, если нужно написать desktop приложение (чтобы работало и на слабой машине, и без интернета, и с установкой в пару кликов).

В этой статье Алексей Голубев, Lead Software Developer в GlobalLogic, описывает, почему топовые компании выбирают этот инструмент для своих приложений.

👉 https://dou.ua/goto/HzOW

#JavaScript #Frontend

Фреймворк-независимое браузерное SPA

В этой статье рассматриваем пример построения SPA с использованием высокоуровневых принципов дизайна архитектуры. Конкретные библиотеки и фреймворки выбираются для удовлетворения ответственностей, определённых желаемой архитектурой.

👉 https://dou.ua/goto/jYcq

#Architecture #Frontend #JavaScript

Розбираємось з Union-типами в TypeScript

Сергій Білик, Front-end Developer, розбирає, чому краще використовувати Union types замість Enum та як правильно з ними працювати.

Приклади зі статті можна застосувати на практиці.

👉 https://dou.ua/goto/U7jy

#Frontend #JavaScript #TypeScript

Базовые понятия Angular. Теория и примеры для новичков

В этой статье Александр Ларченко, Senior Software Engineer в Innovecs, рассказывает о природе, особенностях и преимуществах Angular, зачем и как его применять. А также делится личным опытом работы с фреймворком.

👉 https://dou.ua/goto/t3G2

#JavaScript #Frontend #Angular

🟣 Front-end digest #40: TypeScript 4.2, чего мы ожидаем от Angular 12

В выпуске: паттерны для масштабируемых JavaScript-приложений, dark mode in 5 minutes, шпаргалка по git-flow и другие интересные новости и статьи из мира Front-end разработки.

👉 https://dou.ua/goto/0K2n

#Frontend #Angular #TypeScript

Пишемо чистий код в Angular

Романа Мадай, Senior Front-end Developer в Intellias, — про те, що таке чистий код та як написати його на Angular.

👉 https://dou.ua/goto/h7kg

#Frontend #Angular

Как реализовать поддержку пользовательской темы для legacy-приложений и микросервисов

За последние годы работать со светлой и темной темой приходится во всем: IDE, в браузере, на десктопе, часто даже на мобильных устройствах.

В этой статье Павел Румянцев, Front-end Architect в Itransition с более 8 годами опыта во фронтенде, разбирает различные варианты того, как предоставить пользователю возможность выбирать различные темы и настраивать их под себя.

👉 https://dou.ua/goto/lEok


#Frontend

Що таке React custom hooks і як вони допомагають рефакторити компоненти на тисячі рядків

Багато JS-розробників не розуміють всю силу користувацьких хуків React, хоча вони можуть бути дуже корисними.

Де та для чого їх застосовувати та як за їхньою допомогою побудувати багаторівневу архітектуру застосунків, оптимізувати швидкодію та покращити читабельність — у статті Сергія Оніщенко, Front-End Developer.

👉 https://dou.ua/goto/0xJZ

#FrontEnd

Огляд фреймворків JavaScript. Що, для чого і коли використовувати

Розбігаються очі від світу JS-фреймворків? Їх на ринку велика кількість, адже кожний розв’язує певну проблему, а новачкам легко загубитися.

Олег Мелл, Full Stack JS Developer, розібрав найпопулярніші JavaScript-фреймворки для поширених сценаріїв застосування у фронтенді, бекенді та мобільній розробці — у статті.

👉 https://dou.ua/goto/Jm9M

#FrontEnd

Картографія у вебі: просто, зручно, елегантно

Про труднощі, деталі, та приклади із реальних проєктів картографії у вебі читайте в статті Володимира Шалата, Front-end розробника в Intellias. Ви дізнаєтеся, які мапи є у вебі, як додавати їх у застосунок, налаштовувати та змінювати.

Може бути цікавою як для розробників, які вже стикалися з картографією, так і для девелоперів, які ще не пробували себе в цьому, але хочуть розібратися.

👉 https://dou.ua/goto/k4qN

#FrontEnd

Як написати Front-end на Рельсах майже без JavaScript

Як розробляти MVP для різноманітних продуктів за допомогою інструментів та підходів для створення користувацького інтерфейсу від команди Rails, у статті розповідає та показує Дмитро Щербакан, Full Stack Engineer в Railsware.

👉 https://dou.ua/goto/7Cwh

#Ruby #FrontEnd

5 причин ненавидіти те, як JavaScript працює з датами

У цій статті зібрано топ-5 речей щодо роботи з датами, які часто вводять JS-програмістів в оману, непорозуміння і навіть лють.

На думку авторки, Олени Шаровар, саме з цих причин розробники тягнуть у свої проєкти бібліотеки для роботи з датами, а не користуються засобами нативного JS.

👉 https://dou.ua/goto/XqJD

#JavaScript #FrontEnd

Метапрограмування на Typescript, або як декоратори допомагають у вирішенні повсякденних задач

Віктор — останні 4 чотири роки працює в компанії Creatio. Вони розробляють No-Code/Low-Code платформу, що дозволяє кінцевим користувачам кастомізувати продукт під свої вимоги. Однією із зон відповідальності його команди є безпосередньо API розширення системи сторонніми елементами.

Останні 5 років Віктор активно розробляє UI з використанням фреймворку Angular і коли перед його командою постала подібна задача, дуже хотілось надати системі той рівень гнучкості, якого в Angular досягли використанням декораторів.

Що з того вийшло — у матеріалі.

👉 https://dou.ua/goto/rmXa

#frontend

Розбираємося з новим пулом задач на LeetCode, який присвячений мові програмування JavaScript

Оскільки тут зібрані задачі з практики, які доводиться вирішувати на фронтенді та бекенді за допомогою коду, матеріал може бути корисним для підготовки до співбесід або й просто поновлення своїх навичок роботи з цією мовою програмування 👉
https://dou.ua/goto/SlIp

#FrontEnd