Представляем Firebolt: Продуктивный React фреймворк

Эта статья — перевод оригинальной статьи «Introducing Firebolt: The Productive React Framework».

Также я веду телеграм канал «Frontend по‑флотски», где рассказываю про интересные вещи из мира разработки интерфейсов.

Вступление

Создание веб-приложений должно быть простым...

К сожалению, современная веб-разработка постепенно становится все более сложной и запутанной. Веб всегда был просто вебом, так почему же он не стал проще? Почему мы не становимся более продуктивными?

Сегодня мы рады публично представить Firebolt: новый вид фреймворка react для создания веб приложений. В Firebolt собрано все, чему мы научились за последние несколько лет, и сведено в крошечный, молниеносно быстрый фреймворк, созданный для того, чтобы вы работали продуктивно и приносили пользу.

React, Просто.

Firebolt построен на основе любимого всеми React.

Одна из вещей, которая, как мы думаем, понравится вам больше всего в Firebolt, - это то, что для его изучения не нужно быть кандидатом наук, но при этом он дает вам все необходимые суперспособности.

Модель компонентов React предлагает чрезвычайно простую модель построения приложений, и мы хотели сохранить эту простоту. Вместо того чтобы управлять API для вашей базы данных и бизнес-логики в другом месте, мы позволяем вам делать это непосредственно внутри ваших компонентов, именно там, где они нужны.

В сочетании со встроенным в Firebolts CSS-in-JS и интуитивно понятным роутингом это позволяет вам создавать все, что угодно, от посадочной страницы до полноценного SaaS, просто создавая и компонуя компоненты React.

import { useLoader, css } from 'firebolt'

export function Profile() {
  const user = useLoader(getProfile).read()
  return (
    <div
      css={css`
        border: 1px solid black;
        border-radius: 10px;
      `}
    >
      <div>{user.name}</div>
    </div>
  )
}

export async function getProfile(ctx) {
  const token = ctx.cookies.get('token')
  const { userId } = await ctx.readToken(token)
  return await ctx.db('users').where({ id: userId }).first()
}

В дополнение к этому Firebolt предлагает:

• Крошечный размер 10 КБ в рантайме

• Server Streaming

• Встроенная поддержка MDX

• Вложенные лэйауты

• Двунаправленные файлы cookie

• и многое другое...

Все из коробки и готово к работе!

Начнем...

Firebolt находится в стадии бета-тестирования и стремится упростить создание веб-приложений, не жертвуя при этом мощностью. Мы очень заботимся о вебе и построении более устойчивого будущего. Firebolt всегда будет оставаться бесплатным и с открытым исходным кодом под лицензией MIT.

Чтобы начать работу, ознакомьтесь с нашей документацией и репозиторием github, а также следите за нами на X, чтобы быть в курсе последних новостей.

Если вы так же, как и мы, рады будущему веб-разработки, не забудьте поделиться этим постом в социальных сетях, чтобы рассказать об этом другим!

Мир