Как я изучил React.JS |
Обо мне
Я Филипп, 19-летний инженер-программист из Германии.
В школе я сам научился программировать и работал с клиентами из разных отраслей. Такие технологии, как Node, React и Android, позволяют мне создавать масштабируемые динамические приложения.
Почему я хотел изучить React.JS
Моей мотивацией в изучении React стали мои друзья, и я захотел создать новую платформу. Мы хотели построить его на новой технологии, и нам очень хотелось узнать больше о UI-фреймворках. React.js был выходом.
Как я подошел к изучению React.JS
Сначала я прочитал несколько руководств и видео. Затем я попробовал это в нашем прототипе. Я сразу же приступил к разработке прототипа. Я взял несколько примеров из туториалов и попытался создать из них наш прототип. Мое понимание React было далеко не хорошим. Я быстро начал делать много ошибок. Я добавил в приложение много других технологий, не понимая, как одна технология может быть связана с другой. Это бросало мне вызов, но с каждой ошибкой, которую я совершал, я узнавал что-то новое. Мое понимание React увеличилось. Через некоторое время я купил себе новую книгу о React под названием Fullstack React. Он соединил все точки, которых мне не хватало, и сделал меня экспертом в разработке React.
Проблемы, с которыми я столкнулся
По дороге я столкнулся со своими блокпостами. Во-первых, как связать React с разными технологиями. Как связать его с базой данных. Как разделить новое состояние между компонентами? Как структурировать проект React? По странице? По характеристике? Как повысить производительность и остановить бесполезные ререндеры? Как подключить ваши компоненты к вашему внутреннему серверу? Как поддерживать растущую кодовую базу?
Основные выводы
В процессе я понял, что вы растете на опыте. Каждый шаг, который вы делаете, чтобы узнать больше о React, помогает вам в предстоящей задаче. В начале вы не знаете, с чего начать. Вы просто начинаете, пробуете, делаете ошибки, учитесь на них и в следующий раз правильно реализуете.
Я узнал, как структурировать проекты, как поддерживать растущую кодовую базу, как управлять состоянием приложения, как обеспечивать чистоту и качество кода с помощью линтеров и явной типизации. Кроме того, я научился добавлять этапы сборки в проекты, чтобы обеспечить минимизацию, сокращение и производительность. Рендеринг на стороне сервера — это тоже то, что мне нравится.
Советы и советы
если вы хотите создавать самые крутые, самые динамичные и самые интерактивные приложения в Интернете, вам обязательно нужно начать изучать React. Я рекомендую вам посетить официальный сайт. Там есть много руководств, объяснений и список событий, на которые стоит обратить внимание. После того, как вы начали с базового руководства, я рекомендую вам изучить Create-React-App (CRA, это инструмент, который настроит ваш первый проект и всю необходимую конфигурацию. После того, как вы немного познакомитесь с React, вы можете извлечь проект и настройте его самостоятельно. Чтобы получить максимальную отдачу от React, вам нужен инструмент управления состоянием, такой как Redux или MobX. Он поможет вам подключить ваше приложение через глобальное состояние для всех компонентов. Egghead.io предоставляет хороший учебник по Redux.
После того, как вы узнали об управлении состоянием и основах React, вам обязательно стоит приобрести книгу Fullstack React, она облегчит вам жизнь и покажет, как работает React. При написании кода в React лучше всего использовать линтер, такой как ESLint. Он научит вас писать правильный код. Тогда вам также следует узнать больше о Mo dule Bundlers, таких как Webpack, и о том, как их правильно настроить. Также настоятельно рекомендуется хорошее понимание ES6 (ES2015). После того, как вы выполнили каждый из вышеперечисленных шагов, вы должны попробовать использовать TypeScript вместо обычного JavaScript. Это улучшит ваш код за счет явной типизации и сделает его менее подверженным ошибкам. Теперь вы можете пойти и начать делать потрясающие приложения. Вы можете узнать больше о GraphQL, рендеринге на стороне сервера, модулях GatsbyJS или CSS и т. д.
Заключительные мысли и следующие шаги
Изучать новую технологию всегда сложно, но когда вы знаете, как ее использовать, вы можете создавать прекрасное программное обеспечение. С React.js вы можете начать создавать самые лучшие и удивительные приложения уже сегодня.
