Viki-Robles/Resources

Resources

Developer Handbook 2021

• SpellBook
• SpellBook II

Frontend Tools 2021

• Many Cool Thing
• Free FrontEnd

Clean Code Cheatsheet

• Clean code
• The zero configuration build tool for the web

Github Emojis:

Emojis Link

Performance Tool

we/dev Light Speed

Typescript

• How to pull Greenhouse Data and push them to Firestore
• From JSON to TypeScript Formatter
• Json Formatter

JavaScript

• JavaScript Practise
• Closure Exercises
• Projects Websites to Build for Portfolio
• https://github.com/mbeaudru/modern-js-cheatsheet
• JavaScript Visualizer
• Advanced JavaScript
• Modern JS Cheatsheet
• Promisses Crash Curse

React Lib's

• Multi-Step Form with Reac
• React Auth with Firebase and Routing
• React Hamburger Menu
• Send email with React Node
• How to identify and resolve wasted renders in React
• 35 React Templates
• Formik
• React Sticky Box
• MultiDropDown Menu

API's

Fetching Data:

• Introduction to Fetch API
• Conecting MongoDB with Node App
• 7 HTTP Methods
• Rest Architecture
• Multiple API Requests in React

Express Middleware with Examples

• MiddleWare

Testing

• Testing with Enzyme
• Testing React Hooks:
• https://kentcdodds.com/blog/how-to-test-custom-react-hooks
• https://www.youtube.com/watch?v=7r4xVDI2vho&t=2217s
• https://github.com/hustcc/jest-date-mock

Setting up Flutter on macos Catalina

• Set up

Flavio Copes

• https://flaviocopes.com/jest/#create-the-first-jest-test

React

• Carousel
• Glider JS

Async

• Kodiri Youtube

React JS Swipes Examples with code

• React Swipe

Design Tools

• AWS Scrolling:

1. https://www.youtube.com/watch?v=JcHLxzrsRS4
2. https://github.com/michalsnik/aos
3. https://build.mmm.page/: Funky ready websites
4. Design Tools Collection List
5. Photopea
6. Smooth Scrolling React
7. CanIUse

Design Tools Library

• Evernote
• Undraw

CSS

• 10 CSS Material Design Cards
• Unicode code converter
• CSS Triggers
• Fluid Responsive Font Size Calculator
• Absolute Centering CSS
• Amazing CSS Sources
• PicoCSS

SVG

• IconMonster
• SnowWeb
• SvgRepo

Creating an API with AWS: Lambda, DynamoDB, and API Gateway

• Netlify - creating an api with aws lambda

Eslint and Prettier set up for Next - Typescript

• Link

Resources from Zander

• Zander Notes

Site of measuring the cost of adding a npm package to your bundle

• Bunldephobia

Generate components

• Plop Library Generate Components
• Step by step guide to generate automatically components in React

Fake Data Fetching API

• 1. Source
• 2. Source

Regural Expressions

• CheatSheet

TypeScript

• React TypeScript CheetSheat
• Functional PRogramming in TypeScript
• Basarat Book - TypeScript and JS Deep Dive
• Transform JSON to TypeScript

Maps

• MapLibre

Wireframes

• https://whimsical.com/wireframes

Keyboard Shortcuts

-https://docs.github.com/en/get-started/using-github/keyboard-shortcuts

Copy link to Clipboard

• Chackra UI

JSON Validator

• JSON Validator

CMS

• Strapi

React Drag and Drop

• Drag and drop

Firebase User Roles Guid

• Guide

Ecommerce

• Medusa

Buttons

-Amazing Animated Buttons

Remote Friendly companies

Link

Firebase

Display User Name

React Router with multiple layouts

React Router