Thread by @marcobrunodev

O que você precisa saber de #JavaScript para aprender #ReactJS de forma feliz

Thread 🧵

➡️ Base do #JavaScript

↩️O que é JavaScript?
↩️Atribuição de valores
↩️Diferença entre: var, let e const
↩️Operadores: +, -, /, *, % e **
↩️Incremento: ++x e x++
↩️Decremento: --x e x--
↩️Comparadores: ===, !==, <, >, >= e <=
↩️Condicionais: if, else e switch-case
↩️Console.log

↩️import/export

↩️Loops
⬇️
↪️While
↪️For
↪️For...in
↪️For...of
↪️Controles de fluxo: break, continue, return

↩️Funções
⬇️
↪️Parâmetros
↪️Return
↪️Escopo
↪️O que é callback?
↪️Function expression
↪️Arrow Function

➡️Consumo de API (AJAX)

↩️O que é uma API?
↩️O que é promise?
↩️Async ... await
↩️Try ... catch
↩️O que é AJAX?
↩️O que é JSON?
↩️XHR (XMLHTTPRequest)
↩️Fetch API
↩️Axios (é uma lib mas muito usada)

➡️Expressões regulares, Regex

↩️O que é expressão regular?
↩️Character class
↩️Assertions
↩️Groups and ranges
↩️Quantifiers
↩️Unicode property escapes

➡️Expressões e Operadores

↩️if ternário
↩️Optimal chaining operator
↩️Spread syntax (...)
↩️Destructuring assignment
↩️Comma operator
↩️delete operator
↩️instanceof operator
↩️in operator
↩️logical AND &&
↩️logical OR ||
↩️Nulllish coalescing operator ??
↩️Template String

➡️Tipos no JavaScript

↩️Number
↩️String
↩️Boolean
↩️Array
↩️Object
↩️Null
↩️Undefined
↩️BigInt
↩️Symbol
↩️Date
↩️O que e tipo dinâmico?
↩️typeof (não é tipo)

➡️Métodos do Array

↩️isArray
↩️push
↩️pop
↩️includes
↩️concat
↩️flat
↩️entries
↩️keys
↩️values
↩️fill
↩️filter
↩️join
↩️map
↩️find
↩️reduce
↩️some
↩️slice
↩️splice

➡️Métodos de Strings

↩️trim
↩️slice
↩️split
↩️replace
↩️replaceAll
↩️includes
↩️match
↩️matchAll
↩️length (não é método)

➡️Métodos do Object

↩️keys
↩️valeus
↩️entries
↩️is
↩️freeze
↩️isFrozen
↩️seal
↩️assign
↩️toString

➡️Lidando com datas

É muito comum termos que trabalhar com datas, é feliz conhecer o Date do #JavaScript mas não é prático recomendo você estudar uma dessas duas libs:

↩️DayJS
↩️date-fns