Рубрика «React» - 8
Практическая реализация современной аутентификации на платформе .NET: OpenID Connect, шаблон BFF и SPA
2024-08-29 в 11:15, admin, рубрики: .net, architecture, authentication, BFF, C#, oauth2, OIDC, React, SPAВведение
Истории и боли frontend-разработчика
2024-08-28 в 18:16, admin, рубрики: javascript, pwa, React, TWA, vue, web-разработка, производительность, фронтендНет, истории будут не про то, как я заказывал лавандовый раф, а мне принесли с сиропом топинамбура.
*в этом абзаце вы узнаете, какой я крутой и почему вы должны это читать*
Хочется вспомнить SOLID принципы и рассмотреть, как можно их применять в разработке интерфейсов на примере React компонентов.
S: Single Responsibility Principle (Принцип единственной ответственности). Означает, что каждый класс/функция/компонент должны выполнять только одну конкретную задачу.
На примере React компонента: Читать полностью »
Ещё один фронтендер или как прогать три года и не суметь найти работу
2024-08-21 в 8:16, admin, рубрики: javascript, React, web-разработка, работа в it, фронтендЧингачкук прогал три года. Вообще-то в ИТ он не был чужаком. Шесть лет проработал инженером и кое в чём разбирался.
Он не спешил найти работу программистом, потому что программирование — это непростое ремесло, думал он. Он хотел писать код, за который не стыдно. Были деньги и другая работа, он много занимался и ждал, когда придёт осознание того, что он может написать что-то стоящее. Однажды оно пришло.
Web APIs, которые функционально приближают веб-приложения к нативным
2024-06-13 в 7:13, admin, рубрики: React, web, webapi, банкинг, финтехПривет! Меня зовут Виктор, я Frontend-разработчик в Clevertec. Сейчас мы с командой разрабатываем веб-версию банкинга с использованием React. Чтобы дать пользователям доступ к функциям, привычным в нативных приложениях, и добавить новые, мы используем Web API. Подробно расскажу о них в этой статье и раскрою некоторые тонкости.
Web Share API
Карсон Гросс, создатель HTMX
2024-05-20 в 9:00, admin, рубрики: ajax, api, HDA, htmx, HTMX 2, HyperCard, Hypermedia-Driven Applications, hyperscript, HyperTalk, json, React, rest, RESTful, ruvds_статьи, SPA, UI, веб 2.0, гипермедицные системы, груг, Карсон Гросс, Рой Филдинг, усталость от JavaScript, фронтенд
Карсон Гросс (Carson Gross) — профессор информатики из Монтаны, который неожиданно стал одним из самых ярких персонажей в индустрии веб-программирования последних лет. Он автор языка HyperScript и популярной библиотеки для фронтенда HTMX, позволяющей создавать сложные интерактивные сайты средствами HTML. Красивая альтернатива клиентскому рендерингу на JavaScript решает сразу несколько проблем современного веба, связанных с избыточной сложностью разработки и поддержки, производительностью и ожирением сайтов.
Создавать сайты очень просто, тот же Хабр написал один программист, а не команда из сотен разработчиков и девопсов, как сейчас принято нанимать в интернет-компании.
Многие веб-разработчики нашего времени выросли со знанием только одностраничных приложений SPA и фреймворков для них. Они начали свои карьеры с приложений на React.js, которые общаются с сервером Node через JSON API. Это настоящая трагедия, считает Гросс. Интерактивные приложения можно делать совершенно иначе.
Читать полностью »
Костыли из 90-х и принцип HTML First
2024-02-26 в 9:00, admin, рубрики: alpine, css, gsap, html, HTML First, hyperscript, JS, JSSS, Netscape Navigator, pwa, React, ruvds_статьи, svg, Svija Vibe, Tachyons, Tailwind, wasm, webassembly, костыли, чистый код
Кадр из презентации Frontmania 2022: Kilian Valkhof — Stop using JavaScript for that
Недавно на Хабре публиковался перевод статьи «Вам не нужен для этого JavaScript» с примерами, где код JS легко заменить на HTML.
На самом деле возврат к основам HTML, простым сайтам и читаемому коду без сложных фреймворков — довольно популярная идея. Сейчас всё больше сайтов создаётся по принципу HTML First.
Читать полностью »
Причины говнокода во фронтенде. Мнение мимокрокодила
2024-01-16 в 18:15, admin, рубрики: javascript, React, react.js, ReactJS, redux, vue, vue.js, vuejs, vuex, ПрограммированиеДисклеймер
Все, что написано ниже, является личным мнением автора на основе его собственного опыта, не претендует на звание истины в последней инстанции и может кардинально отличаться от мнения читателя. Автор не ставит целью оскорбить кого-либо или принизить достоинства чего-либо, и т.д. и т.п. А впрочем...
Откуда есть пошли SPA
React 18: что поменялось
2023-09-28 в 7:01, admin, рубрики: javascript, React, web-разработка, новая версия
React — одна из самых популярных JavaScript-библиотек для создания пользовательских интерфейсов. В её новой версии произошли значительные изменения, и сейчас я расскажу про самые важные.
React 18 теперь умеет существенно лучше работать с приложениями, содержащими большие данные. С помощью концепции виртуального DOM и нового инструмента — параллельного рендеринга — React эффективно обновляет только необходимые компоненты при изменениях, и это даёт молниеносную скорость прорисовки.
Появились такие новые возможности, как приостановка (Suspense), потоковый серверный рендеринг и автоматическое пакетирование. Это позволяет одномоментно обновлять все изменения состояний, произошедшие во время выполнения асинхронной операции. Читать полностью »