básico js react in cdn

Primeiro é preciso caminhar para depois correr!

eu corri, cai e me machuquei hoje estou aprendendo a andar!

mas com a experiência de ter caído!

O que aprendi hoje com javascrit

adicionar no array.

modificar arrays

para adicionar um elemento no ultimo lugar do array

temos o método push

> let array = [];
undefined
> array.push("ultimo")
1
> array
[ 'ultimo' ]
> array.push("novo ultimo")
2
>

também temos um método bem simples para informar o colocar no

primeira posição método unshift

> array
[ 'gu', 'ultimo', 'novo ultomo', 'novo ultomo' ]
> array.unshift("gu")
5
> array.unshift("gu")
6
> array
[ 'gu', 'gu', 'gu', 'ultimo', 'novo ultomo', 'novo ultomo' ]
> 

temos ainda os métodos de remoção

o uso mais básico é não passando nenhum parâmetro já que estávamos

removendo de um array pre existente

primeiro com o método pop

> array
[ 'gu', 'gu', 'gu', 'ultimo', 'novo ultomo', 'novo ultomo' ]
> 
> array.pop()
'novo ultomo'
> 

e o método que remove o primeiro

método shift

> array
[ 'gu', 'gu', 'gu', 'ultimo' ]
> array.shift()
'gu'
> array
[ 'gu', 'gu', 'ultimo' ]
> 

React in cdn

vim aqui escrever um texto que eu acho muito legal

como podemos usar o react com cdn

primeiramente devemos importar o cdn do react

onde tem todos os códgio e biblioteca que presisamos

  <script crossorigin src="https://unpkg.com/react@17/umd/react.development.js"></script>
  <script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>
  <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
  const frontEndFrameworks = [
  'React',
  'Angular',
  'Ember',
  'Knockout',
  'Backbone',
  'Vue'
];
  function Fun(){
    const lista = frontEndFrameworks.map((iten,index)=>{
      return <li key={index}>{iten}</li>
    })
    return (
      <div>
        <h1>FrontEnd Frameworks</h1>
        <ul>
          <h5>FrontEnd Frameworks</h5>
          {lista}
        </ul>
      </div>
    )
  }
  ReactDOM.render(Fun(), document.getElementById("root"))
  <div id="root"></div>