Svelte um novo hype dos frameworks JS ?

O Svelte é um framework Javascript que possui as mesmas features dos demais Angular, Vue e ReactJS. Eu sou um desenvolvedor que eu gosto de testar as novas tendências e esperimentar para entender o que há de melhor e o que compensa ou não passar tempo estudando ou daqueles frameworks que utilizamos uma única vez na vida.

Bom, o Svelte me mostrou ser interessante pois a forma de acoplamento do Javascript na página mostrou-se muito eficaz e extremamente simples.

Eu adoro frameworks poderosos e que nos fazem economizar em escrita. A nota que eu dou para ele pelos testes realizados por aqui é de 8.5

Um outro ponto interessante é que ele não trabalha com um virtual dom, fazendo como que o código seja compilado para Vanilla JS tornando o código menor e mais rápido para o carregamento.

Para aqueles que quizerem saber mais sobre o Svelte a URL dele é:

https://svelte.dev/

A página de exemplos e documentação estão em:

https://svelte.dev/examples#hello-world

Aumentando em até 3 horas de produtividade diariamente

A ideia deste post não é simplesmente dizer que você deve esquecer da sua família, amigos, grupos de esporte etc. Eu resolvi compartilhar com vocês um estudo que eu fiz ao longo do ano de 2019 utilizando técnicas de hiper foco e como implementei isto na rotina do dia-a-dia.

O primeiro grande vilão da produtividade no meu caso era os instant messangers, WhatsApp, Telegram, Skype, Messanger, Hangout, Slack, Discord …

Acredite que eu tinha todos estes apps em meu celular, cada um para atender um determinado time ou cliente. Deletei todos e deixei apenas o Skype que é o qual eu tinha um pessoal de uma equipe mais próxima e comecei a utilizar o Facetime com a família para conversas urgentes. Com isto de acordo com o levantamento do app do iOS eu ganhei 2 horas diárias de produtividade.

O segundo grande vilão são as redes sociais. Imaginando que você chega do trabalho, vai ao banheiro, toma um café, fuma um cigarro ( não aconselho ), volta abre e dá aquela conferida de 5 minutos no Instagram, Facebook, Twitter e Pinterest pronto já consumiu mais 30 minutos do seu dia. Tirando isto você ganha mais 30 minutos diários.

Bom enconomizamos até agora 2 horas e 30 minutos no dia.

Hiper Foco

Quando você entra em estado de hiper foco, você acaba tendo uma potencial maior de entender, aprender e compreender as coisas. Imaginando que você está no Stack Overlhow pesquisando aquele problema maroto e você escuta uma conversa paralela no qual te tira a atenção e evidentemente você irá querer colocar o seu ponto de vista para os outros.

Nisto você ao longo do seu dia de trabalho você perde de 20 a 30 minutos no decorrer do período diminuindo ainda mais seus objetivos.

Uma forma de entrar em hiper foco e através do Mindfulness. Uma boa playlist no próprio Youtube pode te ajudar a alcançar o hiper foco.

Eu farei um resumo deste post no Youtube que eu acredito ser uma formato mais interessante para um assunto tão abrangente

Aproveito este post para convidar a assinar o canal no Youtube para ter acesso a todo o conteúdo exclusivo.
https://www.youtube.com/channel/UCLI_395Gs87LU0cdWWrfvVg

E qual a sua opinião a respeito deste assunto, utilize os comentários para dizer o que pensa deste assunto.

Deixando o VSCode perfeito para desenvolvimento Javascript

Olá galera tudo tranquilo, eu vou iniciar aqui a primeira publicação do ano dando algumas dicas de como configurar o VSCode para tirar 100% de aproveitamento para desenvolver em Javascript.

Iremos dividir o post em duas partes, a primeira vamos instalar todos os plugins interessantes para trabalhar e no segundo momento iremos configurar o VSCode da maneira que possamos ter mais produtividade para desenvolver em JS.

Estas configurações são as que eu utilizo no dia-a-dia para desenvolvimento e espero que te ajude. Tem alguma extensão bacana para adicionarmos aqui na lista para ajudar os outros amigos ? publique aqui nos comentários

Plugins:

1) Color Highlight
Permite que você tenha um preview do hexa decimal da cor direto na tela do VSCode

2) Docker
Adiciona highlights no hover com dicas e linting para arquivos Dockerfile e docker-compose.yml

3) EditorConfig for VS Code
Permite que você compartilhe com seu time as configurações do VSCode. Isto permite que você tenha um ambiente padronizado entre o time.

4) ESLint
Integra o lint do Javascript no VS Code. Permite que você tenha um padrão de código mais inteligente.

5) Hasher
Permite que você gere hashs MD5, Bas64, URI encode e decode, html entitites encode e decode.

6) Identical Sublime Monokai C# theme and colorizer
Um tema identifico do Sublime Monokai para VSCode.

7) Live Server
Carrega um servidor web para testes direto em seu navegador

Live Server Demo VSCode

8) Material Icon Theme
Continuando a customização visual do VSCode tai um bom tema de icones ao estilo Material Design

9) Prettier
Padroniza o código fonte ajudando a identar e padronizar a estrutura de seus arquivos

10) Snippets da RocketSeat
O que é bom temos que compartilhar certo ? Os snippets da RocketSeat permite que você crie components, funções e classes de forma muito rápido baseado em padrões com atalhos.

Create React Native Component

11) Shortcuts
Sem dúvida uma extensão que eu não deixo faltar. Ele adiciona atalhos no rodapé do VSCode que te dá acesso rápido a uma quantidade interessante de recursos.

12) SSH FS
Com esta extensão eu literalmente mudei minha vida. Caso você tenha uma quantidade x de conexões a serem configuradas para acesso remoto via SSH esta extensão irá te ajudar e muito.

Workspace folder added

Configurações do VSCode

Você encontra aqui um exemplo de configuração do JSON de configuração do VSCode. Dentro deste arquivo você encontra configurações com comentários para que serve cada uma das configurações.

Caso tenha alguma dúvida só chamar nos comentários. Não esqueça também de assinar o canal para receber estas dicas em vídeo para ajudar o processo de aprendizado.

{
    "workbench.colorTheme": "Sublime Monokai",
    "sshfs.configs": [
        {
            "root": "/srv/apps/",
            "host": "localhost",
            "port": 2222,
            "username": "root",
            "password": "root",
            "name": "DefaultServer"
        },
    ],
    "workbench.iconTheme": "vscode-icons",
    "explorer.confirmDelete": false,
    "emmet.syntaxProfiles": {
        "javascript" : "jsx",
    },
    "emmet.includeLanguages": {
        "javascript" : "javascriptreact",
    },
    "emmet.optimizeStylesheetParsing": false,
    "emmet.triggerExpansionOnTab": true,
    "editor.minimap.enabled": false,
    "workbench.startupEditor": "newUntitledFile",
    "editor.formatOnSave": false,
    "editor.rulers": [80, 120],
    "editor.tabSize": 2,
    "terminal.integrated.fontSize": 12,
    // Auto move files
    "javascript.updateImportsOnFileMove.enabled": "never",
    // Enable source code tree breadcrumbs
    "breadcrumbs.enabled": true,
    // Editor functions suggest
    "editor.parameterHints.enabled": false,






}

Aproveito este post para convidar a assinar o canal no Youtube para ter acesso a todo o conteúdo exclusivo.
https://www.youtube.com/channel/UCLI_395Gs87LU0cdWWrfvVg

E qual a sua opinião a respeito deste assunto, utilize os comentários para dizer o que pensa deste assunto.