Add coding snippets for CSS, JavaScript, React, Vue and Svelte

[teziovsky]

Added few snippets for:

CSS

1. Flex Center
2. Grid Center
3. Absolute Center

JavaScript

1. Console Log
2. Console Log Object
3. Console Assert
4. Console Info
5. Console Error
6. Try Catch
7. Switch Statement
8. Sleep Promise

React

1. useEffect
2. useReducer
3. componentWillMount
4. componentDidMount
5. componentWillReceiveProps
6. componentWillUpdate
7. componentDidUpdate
8. componentWillUnmount

Vue3 Composition API

1. Base Vue Single File Component
2. Define Props with TypeScript
3. Define Emits with TypeScript

Svelte

1. If Block
2. If Else Block
3. Each Block
4. Await Block
5. Key Block
6. Debug Block
7. HTML Block
8. Svelte:Component
9. Svelte:Window
10. Svelte:Head
11. Svelte:Body
12. Svelte:Options
13. Svelte:Fragment
14. Svelte:Slot
15. Svelte:Ref
16. Transition Fade
17. Transition Fly
18. Transition Slide
19. Transition Scale
20. Transition Draw
21. Transition CrossFade
22. Transition Blur

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
snippet-explorer	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 22, 2023 6:21pm

[teziovsky]

@peduarte anyone is looking here? 🤔

[peduarte]

Hey, sorry about the delay. Really appreciate the contribution, but I think before we can consider merging so many new snippets, we'll need to improve the UI to make sure it can accommodate for it.

I think from this list, I'd happy to pick the following

• Try Catch
• Switch Statement
• Sleep Promise
• useEffect
• Base Vue Single File Component
• If Block
• If Else Block
• Each Block
• Await Block

What do you think?

[teziovsky]

Oh yeah, no problem! I'm ok with your proposition 😎 Agree!

[peduarte]

Perfect, let's go with that then. I'll merge it when the PR is updated. Thanks!

[teziovsky]

Ok PR updated 😎

[peduarte]

Thanks man