Добавьте флаги функций в приложение ReactJS менее чем за две минуты

В featureflag.tech мы считаем, что все команды разработчиков должны иметь возможность быстро и эффективно использовать флаги функций при создании программного обеспечения.

Чтобы помочь всем инженерам сделать это, мы создали featureflag.tech, чтобы…

Быстрая установка (менее двух минут)
Очень прост в использовании (в ваше приложение ReactJS добавлено 6 строк кода)
По конкурентоспособным ценам (уровень бесплатного пользования и тарифы с оплатой по факту)

«Крутая история, братан», - я слышу, как ты скажешь, когда замалчиваешь мою болтовню продавца, но не принимай меня за чистую монету, позволь мне доказать тебе это. В этом сообщении в блоге я собираюсь продемонстрировать, как вы можете создать новый проект ReactJS с нуля и интегрировать его с новой учетной записью featureflag.tech менее чем за две минуты.

Фактически, большая часть этих двух минут будет потрачена на ожидание, пока npx create-react-app awesome-featureflag-demo установит модули узлов, а вы откроете электронную почту для подтверждения своей новой учетной записи.

Итак, от нуля до полностью работающей демонстрации ReactJS за 5 шагов менее двух минут, поехали ...

Шаг 1: создайте учетную запись featureflag.tech (30 секунд)

Перейдите на сайт featureflag.tech, нажмите «Зарегистрироваться бесплатно» и следуйте инструкциям по созданию учетной записи.

Подтвердите свой адрес электронной почты, введите свои платежные реквизиты, и вы увидите этот экран…

Шаг 2: создайте свой первый проект с пометкой функции (20 секунд)

Создайте проект, в этом примере мы назовем его «awesome-featureflag-demo».

Создайте среду. Назовем это "продуктом"

Теперь создайте флаг функции, назовем его show logo, запомните это, поскольку он будет важен для следующих шагов ...

Посмотри на это. Я создал все необходимое, чтобы начать отмечать объекты. И последнее, что нужно отметить, это apiKey, который был создан. Это нам также понадобится для следующих шагов.

Шаг 3. Создайте новый демонстрационный проект ReactJS под названием «awesome-featureflag-demo» (40 секунд).

npx create-react-app awesome-featureflag-demo
Подождите долго, пока npm выполнит свою установку.
Перейдите в каталог во вновь созданном awesome-featureflag-demo, npm startприложении и проверьте его в своем браузере…

Шаг 4: установите клиент featureflag.tech в свой проект (10 секунд)

npm install featureflagtech-node (вам нужно будет либо остановить приложение, либо открыть новое окно терминала)

Шаг 5: добавьте клиент featureflag.tech в свою кодовую базу (20 секунд)

Отредактируйте файл src/index.js, потребовав клиента и заключив вызов ReactDOM.render в клиентский запрос к нашей службе. Убедитесь, что вы добавили apiKey, скопированный с предыдущего шага, в конструктор клиента.

const FeatureFlagTechClient = require( "featureflagtech-node" );
const f2t = new FeatureFlagTechClient({
  apiKey: "<__ADD_YOUR_APIKEY_HERE__>"
});
f2t.getFlag().then(() => {
  ReactDOM.render(
    <React.StrictMode>
      <App f2t={f2t} />
    </React.StrictMode>,
    document.getElementById('root')
  );
});

Отредактируйте src/App.js и оберните логотип ReactJS внутри флажка…

function App( props ) {
  return (
    <div className="App">
      <header className="App-header">
        { props.f2t.get( "show logo" ) && <img src={logo} className="App-logo" alt="logo" /> }
        <p>Edit <code>src/App.js</code> and save to reload.</p>
        <a
          className="App-link"
          href="https://reactjs.org"
          target="_blank"
          rel="noopener noreferrer"
        >
          Learn React
        </a>
      </header>
    </div>
  );
}

Обновите ваш браузер…

Теперь вернитесь в featureflag.tech и переключите флаг show flag на false…

Теперь обновите снова и убедитесь, что логотип больше не отображается ...

Это было здорово, но разве услуги пометки функций не дороги?

Надеюсь, теперь вы убедились, насколько быстро и просто начать работу с приложением ReactJS. Пришло время выяснить, во сколько вам будет стоить этот запуск.

Модель ценообразования featureflag.tech основана на количестве запросов, которые вы делаете, а не на количестве пользователей или создаваемом вами контента.

Мы взимаем с вас огромную сумму 0,076 доллара США за 10 000 запросов, и с ее помощью вы можете создавать столько проектов и флагов функций, сколько захотите.

Ваши первые 5000 запросов в месяц также подпадают под наш уровень бесплатного использования, поэтому вы можете безопасно зарегистрироваться, зная, что с вас будет взиматься плата только после того, как вы начнете эффективно использовать наш сервис.

Однако это не все хорошие новости. У нас действительно есть (огромная) административная плата в размере 1 доллар США в месяц - она взимается, когда вы переходите уровень бесплатного использования.

Вот несколько примеров того, что вы можете заплатить:

До 5000 запросов в месяц: БЕСПЛАТНО!
От 5001 до 10 000 запросов в месяц: 1,08 доллара США.
250 000 запросов в месяц: 2,90 доллара США
2,6 млн запросов в месяц (1 в секунду): 20,76 долларов США

Мы уверены, что наши цены являются лучшими на рынке.

Так что, если вы ищете сервис, который просто использует флаги функций, быстро и просто настраивается и имеет очень конкурентоспособную цену, тогда создайте учетную запись на featureflag.tech сегодня и начните писать код уже сегодня!