1.11.1 • Published 6 months ago
tbsui-ssr v1.11.1
TBSUI SSR
A library of components which can all be shipped with zero javascript using NextJS. For more complex components, including reactive animations, checkout tbsui.
What this library won't do
- Add interactivity and event listeners (onClick(), onChange(), etc)
- Use State and Lifecycle Effects (useState(), useReducer(), useEffect(), etc)
- Use browser-only APIs
- Use custom hooks that depend on state, effects, or browser-only APIs
Customization
Override default scss variables to style the library! If you want to use default values, import default-values.scss
Installation
pnpm i tbsui-ssr
Features
- Zero client side JS -- these components are css only
- 100% NextJS 13 Compatible
- ⚛️ React 18
- 📚 Storybook 7 - Components preview
- 🖌️ SCSS Modules
- ⏩ Vite - Run and build the project blazingly fast!
- ⚡ Vitest - Components Unit Testing
- 📐 ESLint & Prettier - Formatting and Linting
- 🌟 Typescript
- 🐶 Husky & Lint Staged - Pre-commit Hooks
- ⏰ Release Please — Generate the changelog with the release-please workflow
- 👷 Github Actions — Releasing versions to NPM
- Initial components setup using Atomic Design
Using the library in a React frontend app (NextJS)
- Install the library running
pnpm i tbsui-ssr
- In your root layout /
_app.tsx
, import the stylesheets as follows:
/*
You must specify css variables to theme this library, and provide a `tailwind-compatible.scss` file which defines tailwind-style values (or use the `default-variables.css` file from tbsui-ssr/dist/assets).
*/
import 'tbsui-ssr/dist/assets/default-variables.css' // Use defaults or specify your own compatible variables based on `default-variables.scss` and `tailwind-compatible.scss`
import 'tbsui-ssr/dist/assets/popup-message.css' // and or the stylesheets for whatever components you wish to use
- Then, wherever you like, use the components as follows:
import { PopupMessage } from 'tbsui-ssr'
const MyComponent = () => {
return <PopupMessage message="Hello World!" type="success" position="top-right" duration={5000} />
}
Author
License
1.11.1
6 months ago
1.11.0
6 months ago
1.10.5
6 months ago
1.10.4
6 months ago
1.10.3
6 months ago
1.10.2
6 months ago
1.10.1
6 months ago
1.10.0
6 months ago
1.9.1
7 months ago
1.8.2
7 months ago
1.8.1
7 months ago
1.8.0
7 months ago
1.8.5
7 months ago
1.8.4
7 months ago
1.8.3
7 months ago
1.7.2
1 year ago
1.7.1
1 year ago
1.7.0
1 year ago
1.6.0
1 year ago
1.5.0
1 year ago
1.4.16
1 year ago
1.4.15
1 year ago
1.4.14
1 year ago
1.4.13
1 year ago
1.4.12
1 year ago
1.4.11
1 year ago
1.4.10
1 year ago
1.4.9
1 year ago
1.4.8
1 year ago
1.4.7
1 year ago
1.4.6
1 year ago
1.4.5
1 year ago
1.4.4
1 year ago
1.4.3
1 year ago
1.4.2
1 year ago
1.4.1
1 year ago
1.4.0
1 year ago
1.3.1
1 year ago
1.3.0
1 year ago
1.2.0
1 year ago
1.1.0
1 year ago
1.0.0
1 year ago
0.0.1
1 year ago