huynhtuanwd Goto Github PK

admin_vietthanh

apivietthanh_ver2

api web viet thanh

apra-photos

crawl-instagram-pinterest

A crawl of instagram and pinterest

dnd_demo

a demo of dnd

example-auto-update

express-with-restful

graphql-lesson

We are starting our Graphql implementation lesson! In this lesson, we are starting from a state of our application where we don't have sagas but are leveraging redux for local state storage.

hb-desktop

hb-desktop-test

huynhtuanwd.github.io

laboratory-management

source of laboratory management

lesson-10

Adding email/password sign up authentication for firebase, as a result we need to store our user objects in the database.

lesson-12

We have added redux to our application so we can leverage all the benefits that come with uni-directional data flow. Instead of the prop drilling we would have to do in order to pass our new user object down deeper into our component trees from our app, we can now just connect those components directly to our redux store where we store all our data.

lesson-17

We need to create our cart-item component for our cart and connect our cart component to our cart reducer.

lesson-21

We also want to be able to update the quantity using buttons to the left and right of the number, so we will add the appropriate code to do so.

lesson-22

We don't want our users to lose their carts whenever they refresh, so we are going to leverage one of the benefits of redux by persisting our store object in localstorage using redux-persist.

lesson-23

We have now created our collection page and converted our shop items data over from an array to an object to better leverage our url parameters! Converting arrays over to objects to store data is called data-normalization and it makes searching for specific elements in our code much easier and efficient!

lesson-28

In this lesson we are using redux-thunk for asynchronous event handling! We have modified our collections-page collections-overview components to use the container pattern to separate their loading logic out of our shop component, and into their own isolated files.

lesson-29

We just added redux-saga into our application! The first thing we need to do is convert our fetchCollectionsStartAsync thunk method into a saga instead fo fetch our collections.

lesson-30-signup-saga-exercise

In this repo, you will find the code for our project with everything we have done up until now. Make an attempt with all you've learned to create a sign-up flow using the knowledge you have on structuring out saga code!

lesson-32-complete

Let's make our code mobile responsive! We wrote some media queries into the appropriate css files and now we have mobile friendly code!

lesson-33

We have optimized our client side application to leverage react.lazy for lazy loading our components at the route level, but also using the new Suspense feature so we're able to properly render our now asynchronously loaded components!

lesson-34

In this lesson we're adding tests into our application!

lesson-8

Starting our sign in section by creating a new sign in and sign up page, as well as start creating sign in component.

presetup-hapi-with-authen

A presetup hapi with authen

react-basic-1

react_redux_demo

resume

sonyquayso_demo

sonyquayso_demo