Мой первый опыт с Гэтсби
Я недавно построил свой портфолио веб-сайт с использованием Gatsby, и я хочу рассказать о своем опыте использования Gatsby, о том, что мне понравилось, и о проблемах, с которыми я столкнулся.
Что такое Гэтсби
Gatsby — это бесплатная платформа с открытым исходным кодом, основанная на React, которая помогает разработчикам создавать невероятно быстрые веб-сайты и приложения. Gatsby можно использовать для создания статических сайтов, которые являются PWA, высокопроизводительными и соответствуют веб-стандартам. Подробнее о Гэтсби здесь.
Что мне понравилось
Производительность: Gatsby делает быстрые приложения. Gatsby следует стандартам Google PRPL (Push, Render, Pre-Cache, Lazy-load) для создания приложений, которые хорошо работают даже при ненадежном сетевом соединении. Узнайте больше о том, почему Гэтсби быстр здесь.
Это реакция: У меня уже был опыт работы с React, поэтому мне было очень легко работать с Гэтсби, так как я понимал, что происходит.
Хорошая документация: Gatsby имеет хорошую документацию, поэтому мне было легко научиться использовать пакеты и плагины, такие как
gatsby-image,gatsby-source-filesystem,gatsby-plugin-react-helmetи так далее при разработке.Он использует GraphQL: Gatsby использует GraphQL для управления данными и может использоваться для создания/генерации страниц, запроса данных и так далее. Я всегда хотел научиться использовать GraphQL, Gatsby позволил мне это сделать. Я научился использовать GraphQL при запросе данных о Гэтсби. Узнайте больше о том, почему Gatsby использует Graphql здесь.
- Хорошее сообщество: У Гэтсби есть хорошее сообщество и учебные ресурсы, а также стартеры, которые помогут вам быстро начать работу, и мне также нужно быстро найти решения проблем, с которыми я столкнулся.
Начать легко: Вы можете легко начать работу с Gatsby, так как у Gatsby есть много стартовых приложений, которые помогут вам легко начать работу.
Плагины: Gatsby имеет систему плагинов, которая позволяет легко расширять функциональность Gatsby, например, поддержка адаптивных изображений, поддержка Typescript. Узнать больше здесь.
Проблемы, с которыми я столкнулся
При разработке моего портфолио я в основном получал ошибку
TypeError: Cannot read property 'internal' of undefinedпри запуске приложения. Чтобы решить эту ошибку, мне пришлось удалить.cacheкаталог в корне проекта и перезапустите приложение, запустивgatsby developна терминале.Я также столкнулся с проблемами при использовании игровой площадки GraphQL, я изменил свой запрос Graphql в коде, но не отражал игровую площадку Graphql, пока мне не пришлось обновить игровую площадку.
Я также столкнулся с некоторыми другими проблемами, такими как запрос изображения с относительным путем и определение размера изображения с помощью Gatsby Image, которые я решил, погуглив, проверив документацию и StackOverflow.
Вывод
В заключение, разработка с Гэтсби была веселой и легкой в работе, и она оказалась идеальным инструментом для меня, чтобы развивать свое портфолио.
Ссылка на портфолио:
Найдите ресурсы, чтобы узнать больше о Гэтсби ниже
https://www.gatsbyjs.org
https://www.gatsbyjs.org/docs/awesome-gatsby
https://www.gatsbyjs.org/blog/2017-09-13-why-is-gatsby-so-fast
https://www.gatsbyjs.org/docs/awesome-gatsby-resources
https://www.gatsbyjs.org/starters/?v=2
https://www.gatsbyjs.org/docs/why-gatsby-uses-graphql
Если у вас есть какие-либо вопросы или отзывы об этой статье или моем портфолио, не стесняйтесь оставлять комментарии.
Спасибо за чтение.
Эта статья изначально была опубликована на моем блог
