Join GitHub today
GitHub is home to over 31 million developers working together to host and review code, manage projects, and build software together.Sign up
Refactoring the entire project. What do you think? #58
Behind this idea, I feel Stisla is just too boring to be a admin template, moreover everyone who uses Stisla will have the same layout, colors and components. And I also don't want to depend on Bootstrap and jQuery.
Recently I was interested in TailwindCSS, maybe we can use it as a base framework; with it, we can make some basic elements such as Card, Alert, Nav, etc. TailwindCSS is a utility-first framework so that it can reduce custom classes and use utility classes such as
I also plan to break the template into several parts, at least:
Each of the above parts is customizable (color, sequence of elements, etc). Will be better to have a code that can be adapted to the front-end framework, such as ReactJS (JSX), Vue Component, Angular and so on. Each of the parts above has its own documentation page and versioning, so, I think every part will have a public repository.
As such, this won't be the template admin only. You can also create templates for landing pages or others.
This will not delete the admin templates that currently exist. We will recreate the admin template with new concepts and architecture.
What do you think about this?
I love the idea, when we do this, I can create react components in parallel, at the end we should be able to recreate this admin template both in react and normal html/css.
And let's make whatever we can very modular, so if we need a card component, then it'll have card.scss, if it depends on something, it should mark it as a dependency.
Let's start by breaking down components into very small piece, build them and later patch things up.
I'd say if we can do it gradually like by targeting pages, I'd go for blank page at first, once the blank page is done, login page etc, that'd work great.
Would you be open to creating a slack workspace for this so we can discuss easier? I'll help you in keeping things modular and implementing in react side of things, someone else can take vuejs and angularjs implementation.
For me, multiple theme support is a huge plus, let's make a list of things we'd like to do first, then we can think about how we can achieve it.
At last I want to be able to get core.css, and should be able to slap in any theme, (dark/light according to user's preference), but I don't want to include other information than colors in theme files.
JS api also should be very simple, and we can prefer to do with css whatever is possible, and JS should be very straightforward, if something is messy, we can come back to it later,
I've been created the Slack workspace: https://join.slack.com/t/stisla/shared_invite/enQtNTk4OTcxOTk5NjMzLTVmNzA3NGFmNmY1ZTM1NzBkZWFiNTg5YjQ3Y2VhZGRhNjZjNDliODFkMzMxZmVjM2ViZDExYzQ1MzU2MDc3ODg