Renato Lacerda

@ralacerda.dev

65 Followers 167 Following

Web Developer, Open Source enthusiast github.com/ralacerda linkedin.com/in/renato-ac-lacerda/

A TypeScript code snippet showing two type aliases for defining asynchronous data states. The first type, `State<T>`, is a concise discriminated union with four possible states: - `{ status: "loading" }` - `{ status: "idle" }` - `{ status: "done", data: T }` - `{ status: "error", error: Error }` The second type, `StateVerbose<T>`, shows a more explicit version of the same states, using the `never` type for properties that shouldn't exist in a particular state. For example, in the "loading" state, `data` and `error` are explicitly marked as `never`.
A screenshot of TypeScript code implementing a recursive conditional type called ValidSequence. It validates a readonly array of colors against a union type ValidPairs. The logic recursively checks if each adjacent pair in the input array is present in ValidPairs. Test cases in the image demonstrate its validation for both valid and invalid sequences.
Image is a print of the following CSS Code: ``` :where(.g-card) { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 1rem; border-radius: 0.5rem; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1); background-color: #fff; } ```
GitHub Copilot code review highlights an unawaited fetch call in a JavaScript file. It suggests using await to prevent unexpected behavior. The call is inside an useEffect call back