You need to enable JavaScript to run this app.
Indepth JavaScript Coding NoteBook
Code
Text
Jupyter style Coding Notebook for JavaScript (Full Details:
GitHub
)
Allows you to add Multiple Coding and Markdown Cells.
Each cell has a preview window.
Any variable, object, or React component created in 1 cell is ascessible in all subsequent cells.
Import any npm package using standard ES6 import statement at top of cell
Use the
show()
to display any variable, object, JSX, or React component to the adjacent preview window.
=> You can Click on THIS cell to edit the Markdown...Try it!
Code
Text
Format
1
2
3
4
5
6
7
8
9
10
11
12
13
14
import
React
,
{
useState
}
from
'react'
;
import
ReactDOM
from
'react-dom'
;
import
'bulmaswatch/cosmo/bulmaswatch.min.css'
;
const
App
=
()
=>
{
const
[
count
,
setCount
]
=
useState
(
0
);
const
style
=
{
height
:
'100vh'
,
width
:
'100vw'
,
display
:
'flex'
,
flexDirection
:
'column'
,
justifyContent
:
'center'
,
alignItems
:
'center'
,
};
Enter to Rename, Shift+Enter to Preview
Code
Text
Sample React Counter App Above...
See Sample React App in Above Code Cell. Styled with Bulma and Flexbox.
Code
Text