joachimdalen / devui

Another React UI library

Hi there 👋

Hi, I'm Joachim! Nice of you to stop by. Let me tell you a little bit about me and what I do.

I'm a Cloud Solutions Architect specializing in Azure, Azure DevOps and .NET.

My main focus areas revolves around:

• Infrastructure Engineering
• Developer Experience
• Automation

I also enjoy the challenges that comes with desiging software and infrastructure architecture.

Projects

Currently not working on anything :(

My repositories

Like many other developers I have a lot of unfinished projects and a lot of them you fill find under this project. I tend to not delete any projects, but that does not mean I will come back to them. Feel free to submit an issue on any of them if you have any questions.

Azure Certified

Identity and Access Administrator Associate	Azure Security Engineer Associate	Azure Developer Associate
DevOps Engineer Expert	Azure Solutions Architect Expert	Security, Compliance, and Identity Fundamentals

CompTIA Certified

CompTIA CTT+ Classroom Trainer

devui's Issues

Use more data/props based structure

Update documentation

Each component should be well documented. Figure out if this documentation should be included in storybook or outside.

DatePickerInput should allow default date as unset

In cases where the DatePickerInput component is used in filters or similar, it should support the initial date being unset.

Update table to be more responsive

Shift column based layout to become a row based on smaller screens

So this table on larger screens

Col1	Col 2	Col 3
Val1.1	Val1.2	Val1.3
Val2.1	Val2.2	Val2.3

would become this on smaller screens

Col1	Val1.1
Col2	Val1.2
Col3	Val1.3
Col1	Val2.1
Col2	Val2.2
Col3	Val2.3

Minor issues across several components

• Still some style definitions/theme variables not being able to be overwritten
• Components missing props such as classname
• Checkbox crashes if toggled when no onChange is defined

Collection of bugs

• Empty content is positioned to far down
• Empty is missing className prop
• Unable to change color for modal header
• Split button actions are weirdly positioned

Add pagination component

iconPlacement is not respected in TextInput

Changing the value of iconPlacement for TextInput does not change the placement. Icon is always added at the end.

Button rendered as link could have better styling

When a buttons component is set to something that resolves to an a tag, link styling is applied.

Add linting of tsx files and scss files

To improve overall quality all files should be linted to be unified and use best practice

Host Storybook at new location

Alternative side menu

Create a more simple/cleaner side menu, and move the current one to BlockSideBar

Update to Storybook 6

Storybook 6 requires a lot of the stories to be rewritten.

Add tests

All components should be accommodated by a test suite.

Datepicker component

• Include calendar
• Include date only
• Include date and time
• Date range