vndb/mithril-vndb
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

lint and highlight jsx

Browse source
This commit is contained in:
Leo Horie 2017-01-08 19:30:23 -05:00
parent 6345859e19
commit a0def08101
4 changed files with 41 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

8
docs/jsx.md
View file

@ -12,7 +12,7 @@
JSX is a syntax extension that enables you to write HTML tags interspersed with Javascript.
```
```jsx
var MyComponent = {
view: function() {
return m("main", [
@ -35,7 +35,7 @@ var MyComponent = {
When using JSX, it's possible to interpolate Javascript expressions within JSX tags by using curly braces:
```
```jsx
var greeting = "Hello"
var url = "http://google.com"
var div = <a href={url}>{greeting + "!"}</a>
@ -43,7 +43,7 @@ var div = <a href={url}>{greeting + "!"}</a>
Components can be used by using a convention of uppercasing the first letter of the component name:
```javascript
```jsx
m.mount(document.body, <MyComponent />)
// equivalent to m.mount(document.body, m(MyComponent))
```
@ -190,7 +190,7 @@ Hyperscript is the compiled representation of JSX. It's designed to be readable
In addition, since hyperscript is plain Javascript, it's often more natural to indent than JSX:
```
```jsx
//JSX
var BigComponent = {
activate: function() {/*...*/},