Jacques van der Merwe's Projects
Welcome to the AWS Code Examples Repository. This repo contains code examples used in the AWS documentation, AWS SDK Developer Guides, and more. For more information, see the Readme.rst file below.
if you can make it here, you can make it anywhere...
⚛️ Heroku Buildpack for create-react-app: static hosting for React.js web apps
React training
A Prisma server for our backend! Prisma is a layer between our database and our client application that allows us to make graphQL requests!
A robot powered training repository :robot:
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.
Caching Data with Spring :: Learn how to cache data in memory with Spring
A small project that demonstrates how higher order components work at a basic level
IBM Integration Bus statistics writer for writing to StatsD
Introduction to JUnit5
Voltronic Axpert MKS or PIP HS solar inverter emulator
Core annotations (annotations that only depend on jackson-core) for Jackson data processor
A GitHub Action to run lightweight ephemeral Kubernetes clusters during workflow. Fundamental advantage of this action is a full customization of embedded k3s clusters. In addition, it provides a private image registry and multi-cluster support.
Let's update our app so that after a user signs-in they are redirected to the home page, also if a user is signed into our application, we don't want them to be able to access the signinandsignup page.
Now that we have created all the redux code for storing our data, now we are going to connect our items to add them to our cart.
Now that we have our cart, it's time to create our checkout page. We need a checkout component for the page and our checkout-item component. We're going to connect the page to our cart reducer; we're also going to make a selector to get the total price.
Creating our first component, homepage and adding scss to help us with writing our styles
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.
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!
We are now adding styled-components to explore CSS-in-JS. We convert over our Homepage component, Header component and CustomButton component to use styled-components instead of scss.
In this repository, all our components have been converted to styled-components!
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.
Going through our folder structure for the project, breaking out homepage component into smaller components
Adding routing with react-router, then creating new routes for our existing homepage and our new hats page
Going over the concept of higher order components through use of the withRouter HOC from react-router-dom.
Creating header component to demonstrate where react-router renders our content on the page using <route> component
Starting our sign in section by creating a new sign in and sign up page, as well as start creating sign in component.