Эта статья — перевод оригинальной статьи «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)
RubaXa
27.03.2024 10:36https://github.com/firebolt-dev/firebolt
LanguagesJavaScript 76.8%
MDX 22.7%
Dockerfile 0.5%
Ясно, понятно
Mecitan
27.03.2024 10:36Из всех фрэймворков фронт-энда, как мне кажется, для мелких и средних проектов, вполне органично вписывается Svelte. Который, насколько я помню, базируется на принципах ванильного JS.
zede
27.03.2024 10:36Там уже почти официально свой язык программирования SvelteScript. И код всего проекта пишется только в файлах .svelte.js. Очень ванильно) По сути 5ка несет еще больше магии и подкапотной работы по итогу. В чем ванильность решения - не ясно
Jenmaru
27.03.2024 10:36Классика: хочу быть мамкиным программистом, но не хочу программировать, вот бы просто две кнопочки нажать и все работает.
urvanov
Причем, мне кажется, излишне сложным уже.
ponikrf
Да тут как посмотреть, тот же Vue очень простой, но не с точки зрения того как он работает, а именно с точки зрения его использования. Если бы не Vue я даже и не знаю, что использовал бы для написания мелких реактивных приложений, все остальное выглядит страшновато. Ну а если говорить про количество общего кода и зависимости - то это вобще катастрофа.