Crate elvis

RoadMap

Plan	Date
Virtual-DOM	2020.1.28 - 2020.2.1
Basic-Component	2020.2.5 - 2020.2.7
Router	2020.2.7 - 2020.2.10
Native Components	2020.2.10 - 2020.2.11
Benchmark	2020.2.11 - 2020.2.15
Beta Versin	2020.2.15 - 2020.2.17

Calling Elvis

Is anybody home?

As we know, Elvis is a famous rock star, and both a famous rock song named Calling Elvis wrote by Dire Straits which inspired a unknown rock star to write down these chords(code || words).

For now, Elvis, the rock star, will rise, once again, beyond the internet —— truely your wasm web library.

The Evlis Book mainly talks about the usage of the npm package calling-elvis, and if you want to use "low-level" api rusting the web, plz check out elvis' rust doc.

Goals

Writing web pages in pure javascript using wasm bindings, without jsx or any other complex syntax, just javascript, of course, not writing html nor css either.

Roll up for the Magical Mystery Tour!

Here we go! Roll up, roll up for the mystery tour, the magical mystery tour is waiting to take you away! Hoping to take you away! Coming to take you away! Dying to take you away, take you today!

Let me take you down, cause I'm going to,

/* javascript

const Home = Text("Pink is the Pig!", {
  bold: true,
  italic: true,
  size: 10,
  color: Colors.PinkAccent(),
});

new Elvis({
  home: Home,
}).calling();

Strawberry Fields.

LICENSE

Heartbreak Hotel.

Structs

Align	Align inherits the core usage of Alignments, it's quite simple, just one property.
AlignStyle	Align style
Center	Center is a very nice widget, if your website only have a line of chars, use it!
Col	Col is the typical flow in html, with flexible enhance.
Container	To be honest, Container is a part of Flex family, but he is too brilliant to stay in Flex family, Layout calls him.
ContainerStyle	Container style
Flex	This is the Lunatic Widget to Ground Control, 'I`m stepping throw the Window.'
FlexStyle	Flex Style
Grid	Grid is quite complex in some way, usually, we just Grid our contains.
GridStyle	Grid Style
Image	If you don't want Image playing in background anonymously, just remove its child.
ImageSrc	Image src
List	List is a set of poor orphan children, they don't have any style, just blowing in the wind.
MultiColumn	Homework: code a New York Times.
MultiColumnStyle	Multicolumn Style
Row	Both Col and Row are using flex-start, if you want to reverse the children of them, better to work on the list order.
SizedBox	SizedBox just has width and height two arguments, we use this component to take some white space usually.
SizedBoxStyle	SizedBox style
Text	Text might be the most popular spider from Mars, Does it know the Great Ziggy Stardust?
TextStyle	style of Text
Tree	Virtual UI Tree

Enums

Alignments	Flex Alignments
Colors	Color system, accroding to material design's color system.
Error	Error sets
FlexBasis	flex-basis property
FlexDirection	flex-direction property
GridAuto	config columns and rows in Grid
GridFlow	manage Grid direction
GridTemplate	template rule in Grid columns an rows
MultiColumnLineStyle	line-style in MultiColumn
Unit	Follows CSS Values 3 drafted in csswg.org.

Traits

Serde

data format transfer