Minimal Snippets
- Few and easy to use
- Lenguages: Html Css Javascript and React
Html
| Snippet |
Codigo |
| favicon |
Favicon tag |
| html |
Basic structure of Html |
Css
| Snippet |
Codigo |
| cssreset |
margin 0; border-box |
| selection |
Change the design of text selection |
| scrollbar |
Template for scroll bardesign |
| flexcenter |
align-items: center justify-content: center |
| flexcol |
flex-direction: column |
| media |
@media(max-width:700px){ } |
| animation |
keyframe template |
| gradient |
background-image: linear-gradient(from $1, $2, $3) |
Javascript / Typescript
| Snippet |
Codigo |
| log |
console.log() |
| logcolor |
console.log(`%c `, 'color:#9ee5ff ;font-size:1.3rem') |
| warn |
console.warn() |
| mathrandom |
Math.random () |
| mathfloor |
Math.floor() |
| random |
Math.floor( Math.random ( ) * ) |
| fetch |
Generates an async function for fetch |
React
| Snippet |
Codigo |
| context |
Improved template for context and provider |
| usestate |
const [$1, set$2] = useState($3) |
| useeffect |
useEffect(( ) => {return function cleanup( ){ }}[ ]) |
| useref |
const $1 = useRef() |
| styled |
Template for styled components |
| << |
<$1 /> |
| component |
creates a function component template |
| setTimer |
ussing useEffect and set interval creates a timer |
Express
| Snippet |
Codigo |
| expressconfig |
Basic config for cors express and |
| cors |
Template for cors configuration with no dependency, add it to a middleware file cors.js |
| mongoconnect |
Create an easy connection with types |
| jwt |
json web token connection |
| |
