Roseview? ???? ????? ?? ??? ???? ?? ?? ???? ?? ???????. ???? ??? ??? ??? ?????? ???? ? ???? Roseview? ???? ???? ??? UI? ??? ? ??? ??????.

RoseView? ???? ??

??? ??? ?? ???? ??

?? ??? cli ??? ???? ??? ?????.

npx create-rose-app your-project-name

???? ?? ?? ???

Roseview? ?? ?? ???? ???? ??? ??? ??? UI ??? ?? ?? ??? ? ????. htmlElement ???? ???? ?????? ??? ??? ?? ??? ?? ? ????. ?? ??? ??? ??? ?? ?? ???, ???? ????, ?????? ?? ???.
?? ?? ?? ?? ??? ?? ???? ??? ? ?? ? ?? ??? ??? ???? ???? ???? ????? ? ? ????.

import { htmlElement } from 'roseview';

const button = function(parent){
let btn = new htmlElement(parent, 'button', {
  textContent: 'Click Me!',
  onclick: () => alert('Button Clicked')
});

// You can use in Emotion like style
btn.css({
  background: '#FF6347',
  color: '#FFFFFF',
  padding: '10px 20px',
  borderRadius: '5px'
});

// Or in this manner
btn.css`
background: #FF6347;
color: #FFFFFF;
`
return btn;
}

?? ?? ?? ???

???? ?? ? ??? ?? ??? ???? ??? ???? ????? ??? ??? ???? ??? ??? ??? ??? ? ????.

import { HashRouter } from "roseview";
import { createApp } from "roseview";

import homePage from "./pages/index.js";
import aboutPage from "./pages/about.js";

const routes = [
    { path: "index", component: homePage },
    { path: "about", component: aboutPage },
];
const router = HashRouter(routes);

window.app = createApp(homePage).use(router).mount("#app");

??? ?? ??

createSignal, createReactiveSignal, showIF? ???? UI? ??? ? ???? ?????? ?? ??? ???? ????? ???? ??? ?? ??? ?? ? ????.

import { createSignal, htmlLayout, htmlElement } from 'roseview';

const [count, setCount] = createSignal(0);

let homePage = new htmlLayout("linear", "top, scrolly, fillxy");
const button = new htmlElement(homePage, 'button', {
  textContent: `Clicked ${count()} times`,
  onclick: () => setCount(count() + 1)
});

export default homePage;

??? ? ?? ??? ????

Roseview? ??? ?? ?? ????? ???????. ????? ?? ??? ????? ?????? ?? ?????? ???? ?? ??? ????. ??? ?? ?????? ????, ??? ??? ?????? ????, ?? API? ???? Roseview? ??? ??? ? ?? ???? ?????.

?? ?? ??

??? ?? ?? ?? ??? ??? ? ????. React, Vue ?? ??? JavaScript ? ??? ???? ??? ????? ????? ???? ??? ?? ? ????.

Roseview? UI ??? ?? ?? ???? ??? ????. ??? ????? Roseview? ???. ??? ??? ???? UI? ?????.

? ??? Roseview ??: ??? ?? ?? ?? ?? UI ?????, ???? ?? ????.? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!