File tree 4 files changed +465
-26
lines changed
4 files changed +465
-26
lines changed Original file line number Diff line number Diff line change 1
- import React from 'react' ;
2
- import ReactDOM from 'react-dom' ;
3
- import Hello from './hello' ;
1
+ import React from 'react'
2
+ import ReactDOM from 'react-dom'
3
+ import Hello from './hello'
4
4
5
5
let color = {
6
- sampleColor : 'papayawhip'
6
+ sampleColor : 'papayawhip'
7
7
}
8
8
9
- ReactDOM . render (
10
- < Hello color = { color } /> ,
11
- document . getElementById ( 'container' )
12
- ) ;
9
+ ReactDOM . render ( < Hello color = { color } /> , document . getElementById ( 'container' ) )
Original file line number Diff line number Diff line change 1
- import React from 'react' ;
1
+ import React from 'react'
2
2
//import css from 'css-constructor'; // production - use this!
3
- import css from './css-constructor' ; // development - for me
3
+ import css from './css-constructor' // development - for me
4
4
5
5
export default class Hello extends React . Component {
6
+ /* javascript constructor */
7
+ constructor ( props ) {
8
+ super ( props )
9
+ }
6
10
7
- /* javascript constructor */
8
- constructor ( props ) {
9
- super ( props ) ;
10
- }
11
-
12
- /* css constructor */
13
- @css `
11
+ /* css constructor */
12
+ @css `
14
13
font-size: 16px;
15
14
text-align: center;
16
15
@@ -35,11 +34,12 @@ export default class Hello extends React.Component {
35
34
& {font-size: 18px;}
36
35
}
37
36
`
38
-
39
- render ( ) {
40
- return ( < div className = "existing" >
41
- < img src = "https://github.com/siddharthkp.png" />
42
- < div id = "handle" > @siddharthkp</ div >
43
- </ div > )
44
- }
45
- } ;
37
+ render ( ) {
38
+ return (
39
+ < div className = "existing" >
40
+ < img src = "https://github.com/siddharthkp.png" />
41
+ < div id = "handle" > @siddharthkp</ div >
42
+ </ div >
43
+ )
44
+ }
45
+ }
You can’t perform that action at this time.
0 commit comments