This project is for experimental purposes only.
- Create a HTML file and put body tag id 'app'
- Create Javscript file and connect HTML file ('<script src="main.js" type="module"></script>')
- import fsjs.minjs with cdn
https://cdn.jsdelivr.net/gh/yessGlory17/flutter-style-javascript/fsjs.min.js
import {
Div,
Button,
Text,
TextTypes,
Style
} from 'https://cdn.jsdelivr.net/gh/yessGlory17/flutter-style-javascript/fsjs.min.js';
Div({
childs:[
Text({
content:'Heeey',
type:TextTypes.H1
}),
Button({
text: Text({content:'press',type:TextTypes.H1}),
onClick:()=>console.log('hello world'),
style:Style({
backgroundColor:'green'
})
})
],
style:Style({
width:'300px',
height:'200px',
backgroundColor:'red'
})
})
Output
- Div
- Button
- Text (H1,H2,H3,H4,H5,H6,p)
- Style (width,height,border,border-radius,background-color)
- Picture
- Input (text, file, password, etc.)
- Navbar
- Bottom Navigation Bar
- Animation
- Main Widget Class
- Statefull Widget
- Stateless Widget
- State Pattern Implementation
- Counter App
- CRUD App