Быстрое прототипирование в React

Использование React.js для создания MVP веб-сайта и итерации на основе отзывов пользователей.

Обзор

В Apteo мы работаем над продуктом, который помогает людям находить инвестиционные идеи с помощью ИИ. Мы называем этот продукт Милтон, и вы можете узнать о нем больше здесь. Для выполнения этой задачи мы используем бережливую методологию, которая начинается с создания MVP, получения отзывов пользователей и итерации продукта для его постоянного улучшения. При этом всегда возникают проблемы с технической стороны, такие как необходимость работать в нескольких направлениях и иметь достаточно гибкий код, чтобы можно было быстро вносить изменения, чтобы продукт продвигался вперед.

Что такое Реакт

React — это клиентская библиотека JavaScript с открытым исходным кодом Facebook. Это позволяет создать веб-сайт таким образом, чтобы каждый «элемент» страницы был разбит на отдельный компонент. Над каждым компонентом можно работать независимо и повторно использовать в нескольких местах. Он позволяет создать одностраничное веб-приложение, обеспечивающее беспроблемное взаимодействие пользователя со всем сайтом. С точки зрения разработчика, это позволяет создавать чистый внешний код с использованием объектно-ориентированного подхода.

Почему реагировать?

Использование React позволяет разработчикам работать над разными частями кода веб-сайта, не наступая друг другу на пятки. Использование компонентов значительно облегчает жизнь нашим разработчикам. Если мы хотим внести изменения в панель навигации, нам не нужно просматривать несколько файлов, мы просто вносим изменения в компонент панели навигации. Это позволяет создавать простое модульное кодирование, что увеличивает темпы нашей разработки, поскольку разработчики могут легко брать макеты и превращать их в индивидуальные компоненты. Затем этот компонент будет подключен к сайту везде, где разработчикам нужно использовать его, используя только одну строку кода.

Использование отзывов пользователей

После того, как первоначальный дизайн и MVP готовы, мы проводим интервью с пользователями. Для этого мы находим кого-то, кто соответствует нашей целевой аудитории, и мы приводим их в наш офис и просматриваем веб-сайт. Мы задаем им множество вопросов о веб-странице, какие функции имеют для них смысл, о чем они думают, когда смотрят на страницу… и т. д. Этот процесс позволяет нам «вытащить голову из сорняков» и понять, о чем на самом деле думают наши пользователи. Мы принимаем отзывы пользователей и вносим изменения в нашу кодовую базу в зависимости от реакции пользователей.

Вывод

React позволяет быстро создавать прототипы и выполнять итерации, потому что все это разработано в компонентах. Когда нам нужно внести изменения на весь сайт, мы можем сделать это в одном файле и отразить это изменение на каждой странице, на которой находится компонент. Этот тип быстрого прототипирования имеет решающее значение для скорости выпуска продукта в срок.

Использование React позволяет нам очень быстро продвигать наш продукт. Для получения дополнительной информации о том, как начать использовать React для своих веб-сайтов и, возможно, о своем MVP, посетите: https://github.com/facebook/create-react-app

Мы выбрали React, потому что он позволяет нам «двигаться быстро и ломать вещи (Цукерберг)». Это помогает нам создавать наилучший продукт для наших пользователей, а это, в конце концов, самое главное.

Если что-то, что вы нашли, было интересным или вы хотели бы узнать, как продвигается наш MVP, и хотите найти дополнительную информацию об инвестициях, оформите заказ на milton.ai