Navigation bar using ReactPy and Bootstrap 5.2

[fsmosca]

A navbar demo, the source code is in my github repository.

Big screen

Small screen.

[fsmosca]

Development notes

I use fastapi backend.

navbar.py

from reactpy import component, html
from reactpy.backend.fastapi import configure, Options
from reactpy_router import route, simple
from fastapi import FastAPI

HEADER_TITLE = 'ReactPy-Navbar'
...

app = FastAPI()
configure(app, root, options=Options(head=html.head(html.title(HEADER_TITLE))))

and normally just use the following requirements.txt content.

reactpy
reactpy-router

and run the app with

uvicorn navbar:app --reload

That requirements.txt has an issue though, it cannot see reactpy_router.

The solution is to use

reactpy[fastpapi]

in the requirements.txt

I am on windows 10 OS,

[rmorshea]

It would be really cool to have some of this released as a reactpy-bootstrap package!

[fsmosca]

Not this time. But I will.