0.2.6 • Published 11 months ago

@cmk/fe_utils v0.2.6

Weekly downloads
-
License
MIT
Repository
github
Last release
11 months ago

Frontend Utils

This library provides components and useful boilerplate to develop a react frontend app. The purpose of this library is not to provide brand new components but to use components and functions from existing libraries to create standardized Composite Components.

Having common interfaces between components with similar functionality is important to quickly switch from one to another. Another aspect esp. for complex components is that there is often a tradeoff between developer usability and component customization (e.g. the border of the datefield is defined in a nested fieldset element).

This library heavily relies on Mui components (and the emotion as underlying css tool) which is a great toolset to build upon and start frontend development. The most practical and extensive icon library is in my opinion MDI icons. Each icon can be imported easily as literal string which is very useful esp. for parametrization.

Common Interface

Trying to force developer to do things in a predefined way is in my experience not a good practice. Instead making the component interface accessible as much as possible has proven to be better option for the developer.

Accessibility

  • slotProps: All sub-components (and derived HTML elements) shall be accessible via the slotProps. Mui's slotProps if exist are extended.
    • However the MUI prop to replace complete components via Slot is currently not offered.
  • sx: All components shall have sx, .... properties
    • all input fiels shall have .... properties
  • borderRadius
    • All components with a border order rect shape shall have a borderRadius prop
  • color:
    • All components (if applicable and not already implemented by mui) shall have a color property accepting css and mui (theme) colors

Additional global Features

  • tooltip:
    • All components excluding Modals, Tooltips, Popover, Popups, Dropdowns shall have a tooltip property which accepts string but also any ReactNode.
  • icon
    • All components (except .... ? ) shall have an icon property accepting both an imported mdi Icon (string) or a developer-defined ReactNode.
0.2.6

11 months ago

0.2.5

11 months ago

0.2.4

11 months ago

0.1.246

12 months ago

0.2.1

12 months ago

0.2.2

12 months ago

0.1.239

12 months ago

0.1.238

12 months ago

0.1.235

12 months ago

0.1.234

12 months ago

0.1.237

12 months ago

0.1.236

12 months ago

0.1.231

12 months ago

0.1.230

12 months ago

0.1.233

12 months ago

0.1.232

12 months ago

0.1.245

12 months ago

0.1.242

12 months ago

0.1.241

12 months ago

0.1.244

12 months ago

0.1.243

12 months ago

0.1.240

12 months ago

0.1.206

12 months ago

0.1.205

12 months ago

0.1.208

12 months ago

0.1.207

12 months ago

0.1.202

12 months ago

0.1.201

12 months ago

0.1.204

12 months ago

0.1.203

12 months ago

0.1.200

12 months ago

0.1.209

12 months ago

0.1.217

12 months ago

0.1.219

12 months ago

0.1.218

12 months ago

0.1.213

12 months ago

0.1.212

12 months ago

0.1.215

12 months ago

0.1.211

12 months ago

0.1.210

12 months ago

0.1.228

12 months ago

0.1.227

12 months ago

0.1.229

12 months ago

0.1.224

12 months ago

0.1.223

12 months ago

0.1.226

12 months ago

0.1.225

12 months ago

0.1.220

12 months ago

0.1.222

12 months ago

0.1.221

12 months ago

0.1.190

12 months ago

0.1.192

12 months ago

0.1.191

12 months ago

0.1.198

12 months ago

0.1.197

12 months ago

0.1.199

12 months ago

0.1.194

12 months ago

0.1.193

12 months ago

0.1.196

12 months ago

0.1.195

12 months ago

0.1.158

1 year ago

0.1.157

1 year ago

0.1.159

1 year ago

0.1.169

12 months ago

0.1.168

12 months ago

0.1.165

12 months ago

0.1.164

12 months ago

0.1.166

12 months ago

0.1.161

12 months ago

0.1.160

12 months ago

0.1.163

12 months ago

0.1.162

12 months ago

0.1.170

12 months ago

0.1.179

12 months ago

0.1.176

12 months ago

0.1.175

12 months ago

0.1.178

12 months ago

0.1.177

12 months ago

0.1.172

12 months ago

0.1.171

12 months ago

0.1.174

12 months ago

0.1.173

12 months ago

0.1.181

12 months ago

0.1.180

12 months ago

0.1.187

12 months ago

0.1.186

12 months ago

0.1.189

12 months ago

0.1.188

12 months ago

0.1.183

12 months ago

0.1.182

12 months ago

0.1.185

12 months ago

0.1.52

1 year ago

0.1.53

1 year ago

0.1.54

1 year ago

0.1.55

1 year ago

0.1.56

1 year ago

0.1.57

1 year ago

0.1.58

1 year ago

0.1.59

1 year ago

0.1.50

1 year ago

0.1.51

1 year ago

0.1.118

1 year ago

0.1.117

1 year ago

0.1.119

1 year ago

0.1.114

1 year ago

0.1.113

1 year ago

0.1.116

1 year ago

0.1.115

1 year ago

0.1.110

1 year ago

0.1.49

1 year ago

0.1.112

1 year ago

0.1.111

1 year ago

0.1.43

1 year ago

0.1.44

1 year ago

0.1.45

1 year ago

0.1.46

1 year ago

0.1.47

1 year ago

0.1.48

1 year ago

0.1.129

1 year ago

0.1.128

1 year ago

0.1.125

1 year ago

0.1.124

1 year ago

0.1.127

1 year ago

0.1.126

1 year ago

0.1.121

1 year ago

0.1.120

1 year ago

0.1.123

1 year ago

0.1.122

1 year ago

0.1.139

1 year ago

0.1.136

1 year ago

0.1.135

1 year ago

0.1.138

1 year ago

0.1.137

1 year ago

0.1.132

1 year ago

0.1.131

1 year ago

0.1.134

1 year ago

0.1.133

1 year ago

0.1.130

1 year ago

0.1.147

1 year ago

0.1.146

1 year ago

0.1.149

1 year ago

0.1.148

1 year ago

0.1.143

1 year ago

0.1.142

1 year ago

0.1.145

1 year ago

0.1.144

1 year ago

0.1.141

1 year ago

0.1.140

1 year ago

0.1.96

1 year ago

0.1.97

1 year ago

0.1.98

1 year ago

0.1.99

1 year ago

0.1.90

1 year ago

0.1.91

1 year ago

0.1.92

1 year ago

0.1.93

1 year ago

0.1.94

1 year ago

0.1.95

1 year ago

0.1.154

1 year ago

0.1.153

1 year ago

0.1.156

1 year ago

0.1.155

1 year ago

0.1.150

1 year ago

0.1.152

1 year ago

0.1.151

1 year ago

0.1.85

1 year ago

0.1.86

1 year ago

0.1.87

1 year ago

0.1.88

1 year ago

0.1.89

1 year ago

0.1.80

1 year ago

0.1.81

1 year ago

0.1.82

1 year ago

0.1.83

1 year ago

0.1.84

1 year ago

0.1.74

1 year ago

0.1.75

1 year ago

0.1.76

1 year ago

0.1.77

1 year ago

0.1.78

1 year ago

0.1.79

1 year ago

0.1.70

1 year ago

0.1.71

1 year ago

0.1.72

1 year ago

0.1.73

1 year ago

0.1.63

1 year ago

0.1.64

1 year ago

0.1.65

1 year ago

0.1.66

1 year ago

0.1.67

1 year ago

0.1.68

1 year ago

0.1.69

1 year ago

0.1.60

1 year ago

0.1.61

1 year ago

0.1.62

1 year ago

0.1.107

1 year ago

0.1.106

1 year ago

0.1.109

1 year ago

0.1.108

1 year ago

0.1.103

1 year ago

0.1.102

1 year ago

0.1.105

1 year ago

0.1.104

1 year ago

0.1.101

1 year ago

0.1.100

1 year ago

0.1.30

1 year ago

0.1.31

1 year ago

0.1.32

1 year ago

0.1.33

1 year ago

0.1.34

1 year ago

0.1.35

1 year ago

0.1.36

1 year ago

0.1.37

1 year ago

0.1.41

1 year ago

0.1.42

1 year ago

0.1.40

1 year ago

0.1.38

1 year ago

0.1.39

1 year ago

0.1.29

1 year ago

0.1.27

1 year ago

0.1.28

1 year ago

0.1.23

1 year ago

0.1.24

1 year ago

0.1.25

1 year ago

0.1.26

1 year ago

0.1.21

1 year ago

0.1.22

1 year ago

0.1.20

1 year ago

0.1.19

1 year ago

0.1.12

1 year ago

0.1.13

1 year ago

0.1.14

1 year ago

0.1.15

1 year ago

0.1.16

1 year ago

0.1.17

1 year ago

0.1.18

1 year ago

0.1.11

1 year ago

0.1.10

1 year ago

0.1.9

1 year ago

0.1.8

1 year ago

0.1.7

1 year ago

0.1.6

1 year ago

0.1.5

1 year ago

0.1.4

1 year ago

0.1.3

1 year ago

0.1.2

1 year ago

0.1.1

1 year ago

0.1.0

1 year ago