Покладіть JavaScript на дієту разом зі Svelte
Для цієї нової статті я вирішив зробити вам пізній різдвяний подарунок: я не буду розповідати вам про це Vue.js ! Дійсно, і щоб компенсувати неминучі кілограми, які більшість із нас набрали за цей період широкомасштабної розпусти, сьогодні я зосередиться на інструменті для полегшення втрати ваги ... з вашого коду JavaScript: доречно названий Струнка !
Але що це за біс !?
Svelte є досить молодим фреймворком, але про нього багато говорять, і з поважної причини: заснований на філософії, подібній до Vue.js або навіть Зреагуйте, а саме дерево компонентів, написане декларативним способом, коли дані циркулюють в одному напрямку, однак воно суттєво відрізняється від своїх двох старших братів у вирішальному моменті. Виявляється, Свельте теж - якщо не понад усе - а компілятор; іншими словами, код, який ви подаєте своїм користувачам, складається не з фреймворкового коду, а також вашого коду, переписаного за необхідності, а скоріше з коду, еквівалентного тому, що ви написали, але перетвореного в операції, зрозумілі середньому браузеру. У вашому наборі немає сліду джерела Svelte, а лише безпосередньо корисний та ефективний код, який, до речі, не покладається на функціонування віртуального DOM.
І це багато в чому пов’язано з розміром розглянутого пакета ?
Ти сказала це, надута! Щоб взяти React як приклад, фреймворк (реагувати та реагувати-dom) важить приблизно 45 кб самостійно. Реалізація TodoMVC у Svelte (тобто програма, яка насправді щось робить) важить 3,6 кб. Що стосується продуктивності, Svelte також швидший, ніж React або Vue.js загалом. Дозвольте прочитати цю публікацію, щоб отримати додаткову інформацію про все це.
У цей період, коли екологія - нарешті - повторювана тема, я вважаю важливим, що, будучи цифровими гравцями, ми замислюємося про роль, яку відіграє наша галузь у великому процесі глобального потепління: термін цифрова тверезість не виник без причини. Якщо ми можемо використовувати класний інструмент для розробки наших додатків, передаючи менше коду через канали та роблячи їх швидшими, крім того, це завжди це. !
Для запису "Свелте" написаний Річ Гарріс, який також є автором Згорнути, конкурент Webpack за замовчуванням, що використовується проектами Svelte. Дивовижно, ні? Ні.
Перемир'я нісенітниці
Щоб швидко побачити, як виглядає інструмент, я пропоную вам запрограмувати невелику програму, яка торкнеться API Speedrun.com і дозволить нам переглянути рейтинг найкращих швидкісних запусків для будь-якої відеоігри; таким чином, вам буде про що лютувати, коли ви ввімкнете свій новий PS4. Цей API має ту перевагу, що не вимагає використання ключа (і це моя стаття, я все одно роблю те, що хочу).
Тож підемо весело:
Поки що ніщо не повинно сильно вас шокувати, інакше ви, мабуть, потрапили в неправильний блог, шукаючи рецепт каштанового варення (але залишайтеся, а, ми добре). Мимохідь зауважте, що svelte оголошено devDependency в package.json, знак того, що я вам не брехав. Ми також отримаємо один або два додаткові пакети, які нам швидко знадобляться:
Ми нарешті можемо запустити наш додаток без зайвих сумнівів:
Як і у будь-якому фреймворку, гідному цього імені, останній працює з перезавантаженням в режимі реального часу, щоб наші найближчі зміни були негайно помічені:
Настав час почати робити код для написання джемів !
Руки в шламі 0%
Для початку було б непогано перерахувати різні ігри, доступні через API, так? Тож давайте створимо файл src/client.js, який міститиме, як ви вже здогадалися, наш клієнт API:
Ви помітите, що я не надто турбуюся про обробку помилок тощо.: це не мета цієї статті.