Skip to content

Study about react & related: HTML 5, CSS 3, Redux, Saga, ...

License

Notifications You must be signed in to change notification settings

akiranguyenvni/react-study

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

react-study

Study about react & related: HTML 5, CSS 3, Redux, Saga, ...

HTML 5

  • standards to organize & display content on WWW
  • tags:
    • <></>
    • <!DOCTYPE>
    • <html>
      • <head>
      • <body>
        • <div>
        • ...
    • <script>
  • events:
    • onclick
    • onload, onunload, ...

CSS 3

  • control how contents are looked & felt
  • utilize in html: <style>...</style>
  • define: #name { attribute: value; ...} or tag#name { attribute: value; ...}
  • basics:
    • rounded corner, border image, background, multi color, gradient, shadow, web font, animation, ...
  • immediate:
    • responsive
    • boostrap

Typescript

  • contents:
    • interface & type, function & class
    • type casting, type/interface extending, unions, narrowing, generic
    • types: unknown, void, any, undefined

ReactJS:

  • components: class component & functional component, parent & child components
  • state & props, setState
  • event handling
  • lifecyle: componentWillMount, componentDidMount, componentDidUpdate, ...
  • hook: useContext, useState, useEffect, useCallback, ...
  • local storage
  • http methods: fetch & axios

NextJS:

  • routing in Next
  • layout
  • data fetching: getStaticProps, getServerSideProps

Redux:

Dataflow in Redux

  • action, reducer, store

Redux Toolkit

Redux Saga

Single page & Next ?

About

Study about react & related: HTML 5, CSS 3, Redux, Saga, ...

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published