Попробовал, наконец, разработку на Blazor. Это такой фреймворк под .NET, который позволяет писать фронтенд на C#. Работает он двумя способами: либо собирает весь проект в WebAssembly, и бедный пользователь грузит себе мегабайтную dll, либо устанавливает клиент-серверное соединение через SignalR и шлёт клиенту информацию об обновлённых DOM-элементах.
Вот вторую то я и пробовал. Казалось бы — каждое нажатие кнопки требует отправить на сервер запрос и получить ответ. Никогда такого не было! Но субъективно разницы во времени отклика нет (потому что веб и так достаточно медленный, хаха).
Фронтенд-часть пишется очень похоже на JSX: вёрстка реактивно вперемешку с кодом. Когда-то я очень ругал React за такой подход, потому что каша. Но нетипизированный JS по-умолчанию каша, а здесь же по факту получается очень удобно: статический анализ не даёт тебе делать ошибки и писать ерунду.
Но приятный полноценный язык программирования вместо JavaScript это лишь вишенка на торте. Самое крутое — вся сила серверного кода с полноценной возможностью обращения к базе данных, шеринг моделей данных между сервером и клиентом, и, наконец, Dependency Injection любого серверного модуля в «клиент»! То есть вы не просто пишете одно приложение вместо двух, вы ещё и получаете отсутствие ошибок при каком-нибудь изменении моделей API, когда сервер стал отдавать не то, что ожидает клиент. Вам вообще теперь не нужен API, достаточно закодить нужную функцию на серваке и инжектировать её в нужный фронтенд-модуль.
Это супер удобно, супер быстро, супер устойчиво к ошибкам. Теперь не хочется возвращаться даже на вполне крутой Vue 3. Но, система пока новая, она не обросла решениями от комьюнити, а браузерный API всё равно придётся дергать через JavaScript Interop. Для совсем кайфа нужно подождать годик, поскольку развитие идёт довольно быстро. Например, там нет очень нужного в таком деле hot reload, но в .NET 6 он уже анонсирован, и вроде как есть в превью, а релиз в ноябре.
#dev
https://www.youtube.com/playlist?list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ
Google Chrome的这一系列 GUI Challenges视频很有意思。去讲各种基础的前端组件如何实现。每个视频都不到30分钟。目前已经有21个组件
> There is no one way to approach UI. In this series, we'll be challenging ourselves and each other to find multiple ways to solve interface challenges and expand the diversity of our skills.
#frontend
«Переносим дизайн из Figma в код за один промпт»
После моего поста про Figma MCP, мы заколлабились с участником канала и решили написать статью-гайд, чтобы у каждого дизайнера был понятный тутор: как перекинуть свой дизайн в код без геморроя и сложностей
Но оказалось, что сделать генеративный процесс, который стабильно выдаёт одинаково хороший результат (а не кусок кала), довольно сложно. Мы пробовали разные подходы: от простых промптов до написания агентов, которые контролируют отдельные блоки. Более того, я даже прорабатывал альтернативный способ для ребят, которые хотят вытащить свой сайт из Framer в чистый HTML, с компонентами и отдельными CSS/JS файлами. Сегодня мы пришли к выводу, что универсального способа пока нет
💀
Чтобы получить действительно качественный результат, нужно потратить примерно столько же времени, сколько разработчик потратил бы на обычную вёрстку. Если блоки простые — всё становится намного легче, но даже там нужен свой регламент: структура, md-файлы, описание компонентов и т.д.
Есть и хорошая новость. Никогда раньше перенос дизайна в код не был таким простым, как сейчас. Думаю, через неделю-другую сяду с новыми силами и начну выкатывать хоть какие-то рабочие гайды, порционно и без воды
#AI#frontend
Даже не знаю, кажется мы ещё не готовы думать о работе...
Но глобал не спит))
И вот вам подборка вакансий от DVS!
Data Visualization Sr. Consultant at Eigen X | Philadelphia, PA
Front End Engineer at Vizzuality | Remote (Spain, UK, Portugal)
#foreign
#frontend
Подборка вакансий от DVS
Accelerated Improvement and Inquiry Manager (AIIM) at Boston Public Schools | Boston
Data Visualization Designer at StudyTravel Ltd | Anywhere
Teaching/Research Postdoctoral Fellow – Data Visualization at Department of Computer Science at James Madison University | Harrisonburg, VA, USA
#foreign
#frontend
Вакансии из подборки ДВС!
Data Coordinator Consultant, Racial Equity Tools at Equity In The Center | United States
SENIOR PLANNER SPATIAL ANALYSIS SIPA at City of Toronto | Toronto
Graphics Intern at Scientific American | New York City
#foreign
#frontend
DVS шарит датавиз вакансии из своей подборки
Research Software Engineer II at Center for Digital Humanities at Princeton University | Princeton, NJ
Data Journalism/Multimedia Designer at Energy Policy Institute at the University of Chicago | Chicago, Ill
#foreign
#frontend
Подборка работы от DVS
Sports Data Visualization Engineer at Joe Gibbs Human Performance Institute | Charlotte, NC
Civic Innovation Lab Manager at BetaNYC | New York, NY
Senior Data Visualisation Developer (up to 2 roles available) at Office for Local Government | London / Wolverhampton / Manchester / Bristol / Darlington / Leeds - UK. Some flexibility
#foreign
#frontend