Эта статья — перевод оригинальной статьи «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, чтобы быть в курсе последних новостей.

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

Мир ?

Комментарии (13)


  1. urvanov
    27.03.2024 10:36
    +4

    К сожалению, современная веб-разработка постепенно становится все более сложной и запутанной

    Причем, мне кажется, излишне сложным уже.


    1. ponikrf
      27.03.2024 10:36
      +4

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


  1. RubaXa
    27.03.2024 10:36

    https://github.com/firebolt-dev/firebolt
    Languages

    • JavaScript 76.8%

    • MDX 22.7%

    • Dockerfile 0.5%

    Ясно, понятно


    1. qmzik Автор
      27.03.2024 10:36

      Думаю подтянут ещё типизацию)


  1. Mecitan
    27.03.2024 10:36

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


    1. zede
      27.03.2024 10:36

      Там уже почти официально свой язык программирования SvelteScript. И код всего проекта пишется только в файлах .svelte.js. Очень ванильно) По сути 5ка несет еще больше магии и подкапотной работы по итогу. В чем ванильность решения - не ясно


  1. meganiksel
    27.03.2024 10:36
    +6

    Дней без новых js-фреймворков: 0


  1. debagger
    27.03.2024 10:36
    +7


  1. goldexer
    27.03.2024 10:36
    +2

    И где статья? Это... все? Тогда зачем?


    1. RubaXa
      27.03.2024 10:36

      телеграм канал сам себя не продаст


  1. gun_dose
    27.03.2024 10:36

    Так и не понял, какие плюсы даёт этот фреймворк по сравнению с использованием просто реакта?


    1. urvanov
      27.03.2024 10:36
      +3

      Чем больше фреймворков, тем энтерпрайзнее.


  1. Jenmaru
    27.03.2024 10:36

    Классика: хочу быть мамкиным программистом, но не хочу программировать, вот бы просто две кнопочки нажать и все работает.