AWS - Clean CloudFront Cache

Luis Puentes Vega — Wed, 29 Jun 2022 03:45:08 +0000

While working with one website hosted in S3 that it is using CloudFront, since CloudFront caches the pages, sometime you need to clean the cache to see the changes.

Below are the steps to clean the cache in CloudFront:

Click in the CloudFront, then click in [Invalidations]

Click in Create Invalidation and add /* in object path as below

Click in Create Invalidation. After a few seconds, you will see the cache was cleaned and you will be able to see the new changes

That's all to clean up the CloudFront cache!

React - Add prop to component if matches specific condition

Luis Puentes Vega — Fri, 03 Jun 2022 01:01:28 +0000

When working with components, sometimes we need to send one specific property just when matches specific condition as an example:

function MyComponent = () => {
  return (
   <Select 
    label="Countries"
    options={}
    required
   />
  );
}

if we want to send required just when matches specific conditions, we can spread the properties

function MyComponent = () => {
  return (
   <Select 
    label="Countries"
    options={}
    {...(shouldBeRequired && { required })}
   />
  );
}

DEV Community: Luis Puentes Vega

AWS - Clean CloudFront Cache

React - Add prop to component if matches specific condition