Commit 99a26f0

committed

reactjs simple counter

1 parent c4a5f49 commit 99a26f0Copy full SHA for 99a26f0

File tree

3 files changed

-132

lines changed

vite-project/src

3 files changed

-132

lines changed

`‎vite-project/src/App.css‎`

Lines changed: 0 additions & 42 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,42 +0,0 @@`
`1`		`-#root {`
`2`		`- max-width: 1280px;`
`3`		`- margin: 0 auto;`
`4`		`- padding: 2rem;`
`5`		`- text-align: center;`
`6`		`-}`
`7`		`-`
`8`		`-.logo {`
`9`		`- height: 6em;`
`10`		`- padding: 1.5em;`
`11`		`- will-change: filter;`
`12`		`- transition: filter 300ms;`
`13`		`-}`
`14`		`-.logo:hover {`
`15`		`- filter: drop-shadow(0 0 2em #646cffaa);`
`16`		`-}`
`17`		`-.logo.react:hover {`
`18`		`- filter: drop-shadow(0 0 2em #61dafbaa);`
`19`		`-}`
`20`		`-`
`21`		`-@keyframes logo-spin {`
`22`		`- from {`
`23`		`- transform: rotate(0deg);`
`24`		`- }`
`25`		`- to {`
`26`		`- transform: rotate(360deg);`
`27`		`- }`
`28`		`-}`
`29`		`-`
`30`		`-@media (prefers-reduced-motion: no-preference) {`
`31`		`- a:nth-of-type(2) .logo {`
`32`		`- animation: logo-spin infinite 20s linear;`
`33`		`- }`
`34`		`-}`
`35`		`-`
`36`		`-.card {`
`37`		`- padding: 2em;`
`38`		`-}`
`39`		`-`
`40`		`-.read-the-docs {`
`41`		`- color: #888;`
`42`		`-}`

`‎vite-project/src/App.jsx‎`

Lines changed: 5 additions & 22 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,33 +1,16 @@`
`1`	`1`	`import { useState } from 'react'`
`2`		`-import reactLogo from './assets/react.svg'`
`3`		`-import viteLogo from '/vite.svg'`
`4`	`2`	`import './App.css'`
`5`	`3`
`6`	`4`	`function App() {`
`7`	`5`	`const [count, setCount] = useState(0)`
`8`	`6`
	`7`	`+ function cntfn(){`
	`8`	`+ setCount(count+1)`
	`9`	`+ }`
	`10`	`+`
`9`	`11`	`return (`
`10`	`12`	`<>`
`11`		`- <div>`
`12`		`- <a href="https://vitejs.dev" target="_blank">`
`13`		`- <img src={viteLogo} className="logo" alt="Vite logo" />`
`14`		`- </a>`
`15`		`- <a href="https://react.dev" target="_blank">`
`16`		`- <img src={reactLogo} className="logo react" alt="React logo" />`
`17`		`- </a>`
`18`		`- </div>`
`19`		`- <h1>Vite + React</h1>`
`20`		`- <div className="card">`
`21`		`- <button onClick={() => setCount((count) => count + 1)}>`
`22`		`- count is {count}`
`23`		`- </button>`
`24`		`- <p>`
`25`		`- Edit <code>src/App.jsx</code> and save to test HMR`
`26`		`- </p>`
`27`		`- </div>`
`28`		`- <p className="read-the-docs">`
`29`		`- Click on the Vite and React logos to learn more`
`30`		`- </p>`
	`13`	`+ <button onClick={cntfn}> counter {count}</button>`
`31`	`14`	`</>`
`32`	`15`	`)`
`33`	`16`	`}`

`‎vite-project/src/index.css‎`

Lines changed: 0 additions & 68 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,68 +0,0 @@`
`1`		`-:root {`
`2`		`- font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;`
`3`		`- line-height: 1.5;`
`4`		`- font-weight: 400;`
`5`		`-`
`6`		`- color-scheme: light dark;`
`7`		`- color: rgba(255, 255, 255, 0.87);`
`8`		`- background-color: #242424;`
`9`		`-`
`10`		`- font-synthesis: none;`
`11`		`- text-rendering: optimizeLegibility;`
`12`		`- -webkit-font-smoothing: antialiased;`
`13`		`- -moz-osx-font-smoothing: grayscale;`
`14`		`-}`
`15`		`-`
`16`		`-a {`
`17`		`- font-weight: 500;`
`18`		`- color: #646cff;`
`19`		`- text-decoration: inherit;`
`20`		`-}`
`21`		`-a:hover {`
`22`		`- color: #535bf2;`
`23`		`-}`
`24`		`-`
`25`		`-body {`
`26`		`- margin: 0;`
`27`		`- display: flex;`
`28`		`- place-items: center;`
`29`		`- min-width: 320px;`
`30`		`- min-height: 100vh;`
`31`		`-}`
`32`		`-`
`33`		`-h1 {`
`34`		`- font-size: 3.2em;`
`35`		`- line-height: 1.1;`
`36`		`-}`
`37`		`-`
`38`		`-button {`
`39`		`- border-radius: 8px;`
`40`		`- border: 1px solid transparent;`
`41`		`- padding: 0.6em 1.2em;`
`42`		`- font-size: 1em;`
`43`		`- font-weight: 500;`
`44`		`- font-family: inherit;`
`45`		`- background-color: #1a1a1a;`
`46`		`- cursor: pointer;`
`47`		`- transition: border-color 0.25s;`
`48`		`-}`
`49`		`-button:hover {`
`50`		`- border-color: #646cff;`
`51`		`-}`
`52`		`-button:focus,`
`53`		`-button:focus-visible {`
`54`		`- outline: 4px auto -webkit-focus-ring-color;`
`55`		`-}`
`56`		`-`
`57`		`-@media (prefers-color-scheme: light) {`
`58`		`- :root {`
`59`		`- color: #213547;`
`60`		`- background-color: #ffffff;`
`61`		`- }`
`62`		`- a:hover {`
`63`		`- color: #747bff;`
`64`		`- }`
`65`		`- button {`
`66`		`- background-color: #f9f9f9;`
`67`		`- }`
`68`		`-}`

0 commit comments

Comments

(0)

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commit 99a26f0

File tree

3 files changed

3 files changed

`‎vite-project/src/App.css‎`

`‎vite-project/src/App.jsx‎`

`‎vite-project/src/index.css‎`

0 commit comments