"jQuery vai morrer!!" [#SQN]

Jean Jar Pereira de Araújo — Tue, 26 Nov 2019 02:07:31 +0000

No mundo onde estamos focados em produtividade, regra de negócio e entrega dizer que o jQuery vai morrer é um pouco contraditório.

"Ahhh, mas tudo que você faz com jQuery da pra fazer com JavaScript puro"

Claro que da, porém você vai precisar escrever MUITO mais código! Escrevendo mais você perde em produtividade e acaba desperdiçando tempo, e tempo é $$$dinheiro$$$!

Tempo é o insumo mais caro que você pode oferecer e se você puder fazer o mesmo entregando valor e escrevendo menos, porque que não utilizar jQuery?

Vamos aos exemplos!

"Da pra fazer requisição Ajax com JavaScript puro! não precisa usar jQuery"

var request = new XMLHttpRequest();
request.open('GET', '/my/url', true);

request.onload = function() {
  if (this.status >= 200 && this.status < 400) {
    // Success!
    var resp = this.response;
  } else {
    // We reached our target server, but it returned an error

  }
};

request.onerror = function() {
  // There was a connection error of some sort
};

request.send();

Legal né? agora vamos ver como podemos fazer utilizando jQuery

$.ajax({
  type: 'GET',
  url: '/my/url',
  success: function(resp) {

  },
  error: function() {

  }
});

ainda acha que o jQuery vai morrer?

vamos a outros exemplos

Trigger de eventos

var event = document.createEvent('HTMLEvents');
event.initEvent('change', true, false);
el.dispatchEvent(event);

E com jQuery?

$(el).trigger('change');

Mudou de ideia?

"E o VueJs e React??"
Como diz um professor meu "Não misture maçãs com bicicleta"

Segue alguns links de referências.

http://youmightnotneedjquery.com/
https://www.educba.com/vue-js-vs-jquery/

Como registrar as rotas de seus pacotes de forma CORRETA!

Jean Jar Pereira de Araújo — Mon, 25 Nov 2019 20:36:44 +0000

Primeiro você deve criar um SericeProvider no seu pacote para que no Laravel possa reconhecer as rotas que foram definidas.

Como estamos falando de um pacote então não temos o tinkerpara nos ajudar com o seu recurso de criação de ServiceProvider artisan make:provider, sendo assim precisamos criar ele na mão.

Crie um arquivo chamado RouteServeProvider dentro da sua estrutura do seu pacote

$ touch vendor/namespace/Providers/RouteServiceProvider.php

Agora vamos escrever o código do nosso Provider.

<?php

namespace vendor\namespace\Providers;

use Illuminate\Routing\Router;

#Classe que possui todas as configurações corretas para a injeção de rotas
use Illuminate\Foundation\Support\Providers\RouteServiceProvider as ServiceProvider;

class RouteServiceProvider extends ServiceProvider
{
    /**
     * Bootstrap the application services.
     *
     * @return void
     */
    public function boot(Router $router)
    {
        parent::boot($router);
    }

    public function map(Router $router)
    {
        $router->group([
            #Namespace dos controllers do seu pacote
            'namespace' => 'vendor\namespace\Http\Controllers',
            'prefix' => 'myprefix',
            'middleware' => ['...'],
        ], function ($router) {
            require app_path('path/to/my/routes.php');
        });
    }
}

Caso seu pacote seja compatível com o Laravel <= 5.4 você deve instruir ao usuário do seu pacote a registrar ele nos providers do projeto.

Para que o provider seja descoberto automaticamente adicione ele nos extras do seu composer.json

"extra": {
    "laravel": {
        "providers": [
            "vendor\\namespace\\Providers\\RouteServiceProvider"
        ],
    }
}

E pronto! a partir de agora você pode escrever as rotas do seu pacote normalmente, assim como as rotas do seu projeto!

Estrutura final do nosso pacote

vendor/
    namespace/
        Http/
            Controllers/
        Providers/
            RouteServiceProvider.php
        path/
            to/
                my/
                    routes.php

Então é isso galera! até a próxima! :D

DEV Community: Jean Jar Pereira de Araújo

"jQuery vai morrer!!" [#SQN]

Como registrar as rotas de seus pacotes de forma CORRETA!