- https://slides.com/tkssharmaa/deck-5-231
- https://slides.com/tkssharmaa/introduction-to-react-232
- https://slides.com/tkssharmaa/deck-5-233
- https://slides.com/tkssharmaa/deck-5-3-234
- https://slides.com/tkssharmaa/react-29-235
- https://slides.com/tkssharmaa/react-29-235-237
- https://slides.com/tkssharmaa/react-29-236-238
- https://codesandbox.io/s/infallible-pascal-lchm8?file=/src/index.js
- https://codesandbox.io/s/relaxed-rosalind-ckp92?file=/src/App.js
- https://codesandbox.io/s/little-sea-2sg2r
- https://codesandbox.io/s/hidden-wave-w1vhh
- https://codesandbox.io/s/headless-leaf-0g09s?file=/src/App.js
- https://codesandbox.io/s/frosty-wood-jbmju?file=/src/index.js
- https://codesandbox.io/s/peaceful-bhabha-lc818?file=/src/App.js
Assignment Sol:
- https://codesandbox.io/s/affectionate-stallman-qxjkn
- https://codesandbox.io/s/boring-mclaren-mhl3u?file=/src/App.js:489-705
- https://codesandbox.io/s/confident-buck-t4s1n?file=/src/App.js
- https://codesandbox.io/s/floral-platform-i7rxu?file=/src/App.js
- https://codesandbox.io/s/nice-glade-96bc3?file=/src/lifecycle.js:304-363
- https://codesandbox.io/s/jovial-bose-hkimg?file=/src/weather-data.js
- https://codesandbox.io/s/dark-lake-u2n1s?file=/src/olympics-score.js
- https://codesandbox.io/s/brave-antonelli-3d7r2
| Topics | status |
|---|---|
| React Intro | Done |
| Install and setUp [NPM/create-react-app] | done |
| Hello world React | done |
| React with create-react-app | done |
| React with classes Intro | done |
| React with functions Intro | done |
| React with Toolings jsx/npm/babel | done |
| Understanding Components | done |
| React using state and props | done |
| React with State and Props | done |
| React Component communication | done |
| React App assignments | done |
- https://codesandbox.io/s/nervous-cloud-l8k42?file=/src/modue1.js
- https://codesandbox.io/s/magical-hellman-1owmv
- https://slides.com/tkssharmaa/ecmas-18#/9
- https://slides.com/tkssharmaa/webcomps-19-31-32-33-97#/1
- https://slides.com/d/W4mln44/live
- https://codesandbox.io/s/optimistic-lichterman-1893o?file=/src/styles.css
- https://codesandbox.io/s/wandering-fog-krgd3?file=/src/App.js:1534-1556
- https://codesandbox.io/s/awesome-wildflower-mz1jd?file=/src/App.js
- https://codesandbox.io/s/nifty-murdock-2w39h?file=/src/App.js:0-659
- https://slides.com/tkssharmaa/ecmas-18#/9
- https://slides.com/tkssharmaa/webcomps-19-31-32-33-97#/1
- https://slides.com/d/W4mln44/live
- https://slides.com/d/dDvzDD0/live#/2
- https://slides.com/d/QM1x004/live#/7
- https://slides.com/d/hoMM7gs/live#/16
- assignment https://codesandbox.io/s/sharp-pond-1r5e1?file=/src/App.js
- assignment https://codesandbox.io/s/fwq6s?file=/src/index.js:0-399
- assignment https://codesandbox.io/s/pedantic-cdn-plkqc
- solution https://codesandbox.io/s/sharp-pond-1r5e1?file=/src/App.js
- solution https://codesandbox.io/s/pedantic-cdn-plkqc
- solution https://codesandbox.io/s/competent-bhabha-zj8of?file=/src/App.js
- https://codesandbox.io/s/sweet-shtern-suoz1?file=/src/App.js
- https://codesandbox.io/s/boring-platform-nw8cq?file=/src/App.js
- https://codesandbox.io/s/practical-nash-44v7d?file=/src/App.js:0-1002
- https://codesandbox.io/s/interesting-cdn-zr8m4?file=/src/App.js
- https://codesandbox.io/s/vibrant-morning-7s1rp?file=/src/App.js
Assignment :
- https://codesandbox.io/s/xenodochial-moore-38xpq?file=/src/App.js
- https://codesandbox.io/s/xenodochial-moore-38xpq?file=/src/App.js
- https://codesandbox.io/s/naughty-sun-d8nvb?file=/src/App.js
- https://codesandbox.io/s/headless-wood-smmmp?file=/src/App.js
- https://codesandbox.io/s/headless-wood-smmmp?file=/src/App.js
- https://codesandbox.io/s/broken-leftpad-eurdc
- https://codesandbox.io/s/adoring-tamas-7opf8
- https://codesandbox.io/s/purple-snowflake-616hp
- https://codesandbox.io/s/patient-surf-cfrqq
- https://codesandbox.io/s/hungry-margulis-oln9i?file=/src/App.js
- https://codesandbox.io/s/cranky-resonance-uh5t1?file=/src/App.js
- create react form for login and signup
- https://codesandbox.io/s/upbeat-bhabha-c35f2 [FLICKER APP]
- https://codesandbox.io/s/upbeat-bhabha-c35f2?file=/src/App.js:827-833 [FLICKER APP DEMO]
- https://codesandbox.io/s/async-silence-m7sgc [WEATHER APP]
- https://codesandbox.io/s/react-hooks-usestate-and-useeffect-forked-yxvs8?file=/src/index.js
- https://codesandbox.io/s/qxkr4mplv6?from-embed
- https://codesandbox.io/s/yq5qowzrvz?from-embed
- https://codesandbox.io/s/509jvrqr8n?from-embed
- https://codesandbox.io/s/53kkmvxlol?from-embed
- https://codesandbox.io/s/ywo8rmk7zz?from-embed
- https://codesandbox.io/s/react-router-forked-cdn7b?file=/index.js:63-136
- https://codesandbox.io/s/elated-sky-wx4in?file=/src/common/footer.js
- https://reactrouter.com/web/example/nesting
- https://codesandbox.io/s/elated-sky-wx4in?file=/src/index.js
- https://codesandbox.io/s/supun-kavinda-react-router-app-forked-y0o7i?file=/src/App.js
- https://codesandbox.io/s/bold-dew-hq8xb
- https://codesandbox.io/s/pass-data-routing-forked-qery9?file=/src/components/Details.js
- https://codesandbox.io/s/supun-kavinda-react-router-app-forked-n436g
- https://codesandbox.io/s/supun-kavinda-react-router-app-forked-lc8ne
- https://codesandbox.io/s/supun-kavinda-react-router-app-forked-lc8ne?file=/src/Blog.js
-
Assignment Review
-
https://codesandbox.io/s/supun-kavinda-react-router-app-forked-de5p4?file=/src/Post.js:245-406
-
https://codesandbox.io/s/react-redux-forked-7skez?file=/example.js [ASSIGNMENT]
-
https://codesandbox.io/s/react-redux-forked-fukng?file=/Page.js
-
https://codesandbox.io/s/react-redux-forked-fukng?file=/Page.js
-
https://codesandbox.io/s/recursing-shadow-pxc9x?file=/src/reportWebVitals.js
-
https://codesandbox.io/s/testing-library-user-event-forked-vpmcq
-
https://codesandbox.io/s/testing-react-components-with-state-forked-p1j7x
- https://codesandbox.io/s/objective-wescoff-4nw3f?file=/src/App.js
- https://codesandbox.io/s/vigorous-hopper-b9ubg?file=/src/App.js
- introduction