Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
0 просмотренных постов скрыто
5

Backend-Driven UI⁠⁠

Сегодня посоветую доклад с HolyJS — Виталий Полещук, Стёпа Михайлюк — Server-driven UI в вебе. Не пиши, а описывай свой фронтeнд

Backend-Driven UI

https://t.me/cherkashindev/102


Парни в докладе рассказывают, как можно не заниматься формошлёпством, точнее как его упростить, чтобы создавать новые формы можно было проще и быстрее.

Backend Driven UI представляет собой подход, в котором бэкенд говорит клиенту, как должен выглядеть интерфейс. В случае с формами, например, может передаваться массив элементов, где у каждого элемента есть тип:

- header
- select
- checkbox
- …

клиент проходится по этому массиву и рендерит соответствующий UI компонент. Таким образом реализация компонентов находится на фронте, а их расположение и взаимодействие на бэке.

👍 Основные преимущества Backend Driven UI

- Возможность делегировать создание форм бэкендерам или аналитикам
- Мгновенные релизы, достаточно обновить данные на сервере для изменения формы сразу на всех устройствах

Ещё по теме:
- Яндекс выпускает DivKit — фреймворк для server-driven UI с открытым кодом

#fridayreading #frontend #architecture

Показать полностью
[моё] Кросспостинг Pikabu Publish Bot Frontend Архитектура Текст Backend React Программирование Рекомендации
5
6

Как сохранить страничку сайта в pdf?⁠⁠

Исходные данные: есть сайт, фронт которого написан на реакте. Нужно сделать для пользователя кнопку, которая бы формировала pdf с текущей страницей и отдавала его пользователю. Почему это просто так не получается:

  1. Была мысль заходить на сайт со стороны бэка, получать html и конвертировать его любым из доступных способов. Не получилось, т.к. сайт на реакте отдаёт не тот html, его сначала нужно рендерить.

  2. Есть способ заходить на сайт браузером google-chrome, который сам умеет формировать pdf, но, вот незадача, для него отданный фронтом html вполне подходящий и он сразу начинает сохранение в пдф, не дожидаясь окончания рендеринга.

  3. Вроде бы есть способы делать это из самого реакта на фронте, но сейчас хочется научиться делать это со стороны бэка.

  4. Попытка задать этот вопрос на хабре привела к надуванию щёк и получению ответа, что всё возможно, но ни один из советов не сработал. Вопрос чатуГПТ тоже привёл к нескольким нерабочим вариантам. Больше знакомых в этой сфере у меня нет. Может, тут кто подскажет?

[моё] Вопрос Программирование Pdf React Текст
63

Когда используется Https, то обычно сервер передает данные в скрипты уже в расшифрованном виде?⁠⁠

например если сервер апач или nginx, а скрипты на PHP.

  1. Или надо вручную в скриптах каждый раз расшифровывать?

  2. или бывает часто по разному?

  3. как это в nodejs reactjs?

Https Nodejs PHP React Apache Nginx Текст Вопрос
3
6

Что нам стоит сайт построить - Начало⁠⁠

Вот уж не думал что начну пилить осмысленные посты, а в конечном счёте просто хочется поделиться своими начинаниями. (что мы говорим богу орфографии? ни сиводня)

Недавно окончил колледж на техника-программиста, а раз так то знаниям разлагаться на плесень и липовый мед простаивать в голове не положено, потому было принято решение (с длительными последствиями) писать парсер БК

Первое чего коснулись руки был React, чудная штука, создание сайта из блоков, прям как в сказке, но тут руки превратились в тыкву культяпки
ибо часть знаний что и так не крепко сидела в голове вылетела и теперь я повторяю CSS пытаясь создать первый блок стартовой страницы по заранее накиданному шаблону

Самой важной частью задумки является гибкая настройка отображения статистики, иначе какой смысл если не понятно и не удобно (прям как мои письмена)

Писать я не умею, для этого нужно ещё постов 25-40 с обратной связью))

Но единственное открытие о котором хочется рассказать это jsx, язык программирования в react.
По сути jsx представляет из себя месиво CSS HTML и JS, в этом вся прелесть что ничего нового по сути нет и лишь добавляется дополнительный функционал (да магия опять пропала как только заглянули в чёрный ящик), потому писать коды придётся ручками, осталось придумать как максимально лениво сделать всё :) (О ДАААА больше реиспользований, прям как в природе)


На сим не прощаюсь, каракули будут выходить и дальше

Показать полностью 3
[моё] Сайт Программирование React Парсер Длиннопост
6
1

Нужна помощь начинающему от опытных коллег⁠⁠

Доброй день, уважаемые пикабушники!

Более года осваиваю профессию frontend разработчика.

И вот в июне, почувствовав в себе силы, решил начать искать работу. Но откликов просто 0.

Либо игнорирование, либо пустой просмотр, либо отказ. За полгода было 3-4 отклика с тестовыми, с которыми справлялся, но так и не получал отклика.
В сопроводительном прикладываю ссылку на сайт-резюме, но его тоже не просматривают (зашил туда "шпиона", который в телеграм шлет сообщение о просмотре сайта).

Думаю, что-то не так с моим резюме и сопроводительным. Собственно, прошу помощи у "бывалых" в исправлении\доработке вышеуказанного.

Спасибо!

Помощь IT Программирование Работа Резюме Javascript React Frontend Текст
13

Игра 5букв от Тинькова - 2⁠⁠

Несколько месяцев назад я уже выкладывал сильно сырую версию приложения. Сейчас пробовал силы с typescript-react, переписал и логику и интерфейс. Писал за вечер для себя, поэтому не заморачивался с дизайном/стилем. Если кто-то тоже играет, приглашаю попробовать:

https://tinkoff-word-finder.netlify.app/

Я не программист совсем, поэтому не судите строго )))

Если интересны исходники - https://github.com/serg988/tinkoff-word-finder-ts

[моё] IT Программирование React Интернет Текст
19
Посты не найдены