Zhentiw - 博客园

2021年3月11日

[AWS Amplify] Deploy Your React Application to AWS Using the Amplify CLI

摘要： In this lesson we learn how to deploy your React application to AWS using the Amplify CLI & Amazon S3. Rnn: amplify add hosting Next, we're prompted f 阅读全文

posted @ 2021-03-11 16:19 Zhentiw 阅读(89) 评论(0) 推荐(0)

[AWS Amplify] Store Data in Amazon S3 with React + Amplify

摘要： Amazon S3 offers a way to store & retrieve items in the cloud. In this lesson we’ll see how we can easily store images in an S3 bucket using the AWS A 阅读全文

posted @ 2021-03-11 16:17 Zhentiw 阅读(168) 评论(0) 推荐(0)

[AWS Amplify] Create & Interact with an AWS AppSync GraphQL API with AWS Amplify

摘要： In this lesson we’ll create a new GraphQL API using the Amplify CLI and use the Amplify GraphQL API to query data from the new API & render it in our 阅读全文

posted @ 2021-03-11 04:10 Zhentiw 阅读(81) 评论(0) 推荐(0)

2021年3月10日

[Functional Programming] Discard the High and Low Values From an Array of Numbers with Ramda

摘要： In this lesson we'll see how to use the without function to remove items in a known list from an array. Then we'll generate our exclusion list and app 阅读全文

posted @ 2021-03-10 19:47 Zhentiw 阅读(85) 评论(0) 推荐(0)

[Functional Programming] Find max / min value by using Ramda

摘要： import { min, max, reduce} from 'ramda' cosnt numbers = [1,2,3,4,5,6,7,8] const lowest = reduce(min, Number.MAX_VALUE, numbers) // 1 const highest = r 阅读全文

posted @ 2021-03-10 19:35 Zhentiw 阅读(112) 评论(0) 推荐(0)

2021年3月8日

[CSS] Choose between Grid layout and flexbox

摘要： 1. Grid: by default showing content in Y axis (column), Flex: by default showing content in X axis. Exp: If you want to style a header.. you can use f 阅读全文

posted @ 2021-03-08 20:07 Zhentiw 阅读(76) 评论(0) 推荐(0)

2021年3月5日

[CSS] transform-origin: change the way of element's transformations

摘要： For example, a checkbox mark, if we show / hide by: transform: scale(0); by default it shows up from center, we want it from "bottom left", we can do: 阅读全文

posted @ 2021-03-05 22:00 Zhentiw 阅读(86) 评论(0) 推荐(0)

[CSS] Using transform: scale(0) for hiding element

摘要： For a radio button control, when hide selected status, we can use: .input__control::before { content: ""; width: 0.5em; height: 0.5em; // box-shadow w 阅读全文

posted @ 2021-03-05 21:52 Zhentiw 阅读(124) 评论(0) 推荐(0)

[CSS] Using box-shadow as background colors

摘要： box-shadow works better than background-color on printable version: .input__control { display: grid; place-content: center; width: 1em; height: 1em; b 阅读全文

posted @ 2021-03-05 21:49 Zhentiw 阅读(60) 评论(0) 推荐(0)

[CSS] Center children elements

摘要： Best way to do is using grid: .input__control { display: grid; place-content: center; width: 1em; height: 1em; border: 0.1em solid var(--color-default 阅读全文

posted @ 2021-03-05 21:47 Zhentiw 阅读(55) 评论(0) 推荐(0)

Answer1215

公告