npm install -g @lfaler/retro-react-native@latest retro-react-native css-to-jsretro-react-native js-to-css
Обо мне
Я являюсь подробным разработчиком, который работает в поле, так как мне было 18 лет. Я начал сообщать и тестировать ошибки в качестве инженера QA для мобильных приложений к полноценному разработчику с тремя годами.
Мой первый сайт был в возрасте 12 лет в Dreamweaver. Мой первый сайт был в средней школе, чтобы я мог бы код в моем математическом классе. Вернуться в дни MySpace, где в Интернете не было стандартизен, что делает его диким, диким западом для программистов, чтобы быстро научиться и присоединиться к сообществам разработчиков, которые построили удивительные технологии.
Я студент технологии и компании, которые поддерживали определенные технологии и почему. Мы продолжаем развиваться на вершине этих решений. Я бросаю вызов вам понять, почему JavaScript – это путь в Интернете сегодня и решить, что вы бы выбрали для себя.
Проблема, которую я хотел решить
Я хотел простого способа преобразовать свои реагированные проекты, чтобы реагировать родные части. Поскольку redux работает то же самое на реагирование на родице, а также реагировать. Я хотел еще более простые более мягкие способы иметь мобильное приложение для моих продуктов, где мне нужно только обновить представления.
В качестве разработчика полного стека я работаю над API, в основном сосредоточиться на моем микросервисе. Работая в качестве инженера переднего инженера, я забыл только насколько важен пользовательский опыт. И что больше ничего не имеет значения, потому что продукт – это технология, и компания так же велика, как и его продукция.
Теперь я строю свои API для лучшего рендеринга и интеграции в моих клиентов, таких как Web, Mobile, Desktop или Smart TV. Этот инструмент экономит время, он недорого, и сохраняет одно и то же внимание к деталям, необходимым для каждого клиента.
Что такое CSS для реагирования в родной преобразователь стиля?
Это преобразование от CSS с DOM-стилем до JSON, затем фильтровали только для реагирования на родных стилей, которые не имеют элементов DOM. Он экспортирует соответствующие стили в двух общих форматах экспортируемых объектов, используемых в JavaScript (JS & JSON), имеет возможность вернуть монастырь в CSS.
Tech Stack.
Node.js и Vanilla JS для легкого импорта из реестра NPM. Две зависимости: cssjson и lodash
Процесс построения CSS для реагирования на родной стиль преобразователя
Первый шаг преобразования CSS на JSON -> Я использовал третий инструмент преобразования третьей сторон (многие из них уже существуют, не изобретают колесо)
Второе возьмите этот JSON и White-List (сохранить) реагировать родные стили
- Использовал функцию преобразователя, которая принимает все клавиши в этом объекте и превращает их в камеру, необходимую для реагирования
- Созданные функции Validator для всех типов, которым разрешено реагировать на встроенные (чтобы сэкономить время, которое я использовал сценарии файловой системы, чтобы подкрепить кодировочные каталоги и файлы для меня)
- Петли через объект и проверьте ключи (путем передачи функций Validator)
- Удалите ключи, которые не совпадают ** Для возникновения вызовов: я сделал строгие преобразования именования во избежание стилей DOM и их конвенций, принимая только имена идентификаторов и классов, а затем разрешенные стили с одним элементом в клавише
Нет:
.a-class, .b-class { }
Да:
.one-class { }
Третий шаг: После завершения я построил возможность компилировать стили обратно в CSS для объединенного стиля по обеим платформам. Отменив процесс с шагов выше.
Проблемы я столкнулся
У CSS слишком много ключевых имен для атрибутов внутри них. Поэтому я исключил их все для легкого преобразования (как указано выше). К сожалению, это заставляет пользователей следовать моим собственным конвенциям именования, таких как добавление «CLASSNAME» или «ID» в конце там стилей CAMEL COCED для обратного инженерия.
Назначение ключей
Я бы использовал более легкие соглашения о именовании для трансплавкой. Для будущих добавленных стилей в этом объекте может добавить пользователь.
Советы и советы
Все возможное в компьютерном программировании, пока вы понимаете, почему кто-то говорит вам, что «не может» сделать. Все возможно, когда вы изобретаете правила.
Окончательные мысли и следующие шаги
Я буду строить структурированный стиль в реактивном родном в будущем. Хитрость состоит в том, что создатель стилейной таблицы принимает один объект. Скоро, что будет добавлено к этому инструменту. Вы ничего не можете достичь, когда вы думаете вне коробки.