По мере приближения моих последних недель в моем учебном лагере для инженеров-программистов в школе Flatiron я начал смотреть в будущее и начал изучать различные другие языки, чтобы познакомиться с ними. Мое внимание привлек фреймворк Svelte из-за его простоты и сходства с React. однако есть несколько принципиальных отличий.
Согласно документации Svelte (https://svelte.dev/tutorial/basics),
Круто, правда? Настроить стройное приложение довольно просто. как и в React, есть простой способ создать приложение. Выполните следующие действия, чтобы запустить его!
Это кажется довольно знакомым? Разве у React нет аналогичного процесса создания приложения?
Итак, наш следующий шаг - извлечь из внешнего API. В React.js это делается следующим образом:
Давайте посмотрим, как мы это делаем в Svelte:
Опять супер похоже! Разница в том, что нам нужно импортировать onMount из самого Svelte, и оттуда это не требует пояснений, если у вас есть опыт работы с JSX и JavaScript.
Теперь мы начинаем видеть, как две структуры расходятся. Для этого конкретного приложения: https://public.gradygenethomas.now.sh/ мы хотим извлечь информацию из API и отобразить информацию в виде карточек. Как бы мы этого добились в React?
Сначала мы создадим контейнер для всех планет и компонент для рендеринга каждой планеты. Затем я бы визуализировал контейнер в App.js и передал ему состояние:
Затем я сопоставил массив, который я получил в качестве реквизита, с моим компонентом Planet.js:
Наконец, я бы построил, как будет отображаться каждая карта планеты:
Веселая штука!
Вот как я это сделал в Svelte!
Мне удалось создать то же самое приложение, одну страницу, используя очень похожий язык, и все это происходит на странице App.svelte. Найдите время, чтобы узнать, чем это приложение похоже на Svelte и чем оно отличается. Основные выводы, которые я сделал с этим, - это то, как мы устанавливаем состояние, выбираем, перебираем наши массивы и отображаем атрибуты каждого объекта JSON.
Я считаю, что, хотя различия не являются действительно существенными, я считаю, что разница между сборкой в Svelte и сборкой в React основана на контексте приложения, которое вы создаете. Если вы создаете очень простое одностраничное приложение, основная задача которого - просто отображать информацию, возможно, проще использовать Svelte. Если вы делаете более надежное и динамичное приложение, React может быть лучше для вас. Это действительно просто исходя из ваших приоритетов! Если вы хотите узнать больше о Svelte, вот ссылка на документацию, а также ссылку на Github для этого простого приложения, которое я создал!
