Адаптивная верстка на React Native

⚛️ Адаптивная верстка на React Native При разработке веб-приложений на React, браузер Chrome тратит много оперативной памяти. Это связано с тем, что для эффективного обхода Virtual Dom, используется JIT компилятор, наслаивающий более эффективные реализации скомпилированных JavaScript функций поверх интерпретируемой реализации. Это создает высокую сложность по памяти: нагрузка на GC возрастает кратно. Избежать просадки производительности может использование движка Hermes из React Native. Однако, React Native не умеет работать с адаптивной версткой: из коробки есть Yoga Layout, реализующий только Flexbox. Описание проблем, возникших при портировании классического React приложения в React Native можно прочитать в этой статье. Речь идет о поддержке различных форм факторов устройств, в том числе, Galaxy Fold

https://habr.com/ru/articles/833124/

#React #Typescript #Javascript #React_Native #Responsive_Layout #Адаптивная_верстка #мобильная_разработка #аналитика #проектирование #бюджет

Trying out Tailwind CSS on a react webapp http://steinar.bang.priv.no/?p=640 #noxp #frontend #bootstrap #css #html #react #reactjs #responsive_layout #tailwind #tailwindcss #web #web_technology #webapp #webpack Introduction On November 11 2021 I put trying out tailwindcss on my personal TODO list. In January 2024 I got around to trying out tailwindcss on a react.js web application and this blogpost first describes how I used it and then what I think about it. The application used in the tailwin

1990-ies picture archives in modern skin http://steinar.bang.priv.no/?p=404 #Network #album #bootstrap #bootstrapv4 #docker #jdbc #karaf #liquibase #react #reactrouter #reactjs #redux #responsive_layout #web #web_technology #webapp I have written a reactjs web application, that displays images from a 1990-is picture archive in a modern, mobile friendly UI, that also tries to use the available space on large displays (responsive layout from bootstrap v4). The URLs of both the individual pictures