adnenre

LANA react library

A collection of Custom UI components with Styled Components, Hooks & HOCs

React styled-component HOC Hooks UI Library

#React Component Library

A comprehensive, custom-built React UI component library featuring reusable components like : Accordion, Alert, Avatar, Badge, Breadcrumb, Button, Card, Carousel, Dropdown, Input, Loading, Masonry, Modal, Portlet, Sidebar, Stepper, Switch, Table, and Tabs. All components are styled with styled-components, enhanced with custom hooks and Higher-Order Components (HOCs), ensuring maximum reusability and maintainability.

Built with React 18, React Router v6, and tested with Jest + React Testing Library.

#Tech Stack

TechnologyPurpose
React 18.2.0UI Library
Styled Components 6.0.8CSS-in-JS styling
React Router v6Navigation
PropTypesRuntime type checking
Jest + React Testing LibraryUnit & integration testing
ESLint + PrettierCode linting & formatting
BabelJSX transpilation
gh-pagesGitHub Pages deployment

#🚀 Live Demo

👉 React-components-lib

Share this post