microjs.com

Fantásticas microestruturas e microbibliotecas para diversão e lucro!

De quanto código de biblioteca você realmente precisa – 50K? 100 mil? 150 mil? Mais? Quanto disso você realmente usa?

Claro, todos nós amamos nossas estruturas monolíticas favoritas e, às vezes, até as usamos totalmente. Mas com que frequência recorremos ao trator John Deere com ar condicionado e sistema de som de seis alto-falantes, quando um canivete aplicado criteriosamente faria o trabalho melhor, mais rápido e mais elegante?

Micro-frameworks são definitivamente os canivetes do mundo das bibliotecas JavaScript: curtos, gentis e diretos. E em 5k e menos, microestruturas são muito portáteis. Uma microestrutura faz uma coisa e apenas uma coisa – e faz bem. Sem defeitos, sem featurites, sem fluência de recursos, sem excessos em qualquer lugar.

MicroJS.com ajuda você a descobrir os microframeworks mais compactos, porém poderosos, e facilita a escolha de um que funcione para você.

Envio de novas bibliotecas e estruturas

Quer adicionar o seu próprio? Bifurque este site no GitHub, adicione sua estrutura a "data.js" e envie uma solicitação pull.

Regras

• Não deve ter dependências (não há problema em direcionar uma plataforma específica, como Node.js ou WebKit)
• Deve fazer algo útil e não deve ser apenas uma demonstração
• Deve ser licença MIT/BSD ou licença permissiva semelhante
• Mecanismos e carregadores de modelos só serão adicionados se forem excelentes e excepcionais
• Deve ser <5k quando minificado e compactado (veja abaixo)
• O arquivo fonte deve estar disponível para download e não pode ser alterado entre versões (por exemplo, awesomesauce-1.1.0.js )
• Prefira JavaScript codificado manualmente/otimizado manualmente em vez de código gerado/compilado cruzadamente

Para verificar o tamanho reduzido e compactado de sua biblioteca na linha de comando, use ./build.js -v (veja abaixo) ou execute:

 $ uglifyjs yourlib.js | gzip -9f | wc -c

or

$ wget -q -O- https://domain.tld/path/to/file.src | uglifyjs | gzip -9f | wc -c

Como adicionar

• Adicione sua biblioteca a "data.js", escolha um ponto aleatório no arquivo (isso ajuda a mesclar muitas contribuições) e insira os atributos necessários: 'name' , 'tags' , 'url' , 'source'
• O 'url' deve apontar para onde você hospeda seu README ou documentos e onde o código é baixado download de código
• Se o 'url' não for um endereço do GitHub, mas seu projeto estiver hospedado lá, adicione um campo 'github' com seu nome de usuário e nome da biblioteca, por exemplo, 'timrwood/moment' para que o construtor possa coletar estatísticas do GitHub
• O atributo 'source' deve apontar para um arquivo único ou uma matriz de arquivos que podem ser concatenados para formar sua biblioteca completa em um formato pronto para uso. A 'source' não deve ser minimizada (veja abaixo)
• A execução make deve funcionar e não retornar um erro. Para executar o make, você precisará do node instalado

Se sua fonte for muito pequena, você pode simplesmente incluir tudo no atributo source como uma string. Se sua fonte estiver dividida em vários arquivos, você poderá usar uma variedade de URLs (é preferível ter apenas uma única fonte). Se sua fonte for lançada em um arquivo ZIP, você pode apontar para a URL do ZIP e anexar um !/zip/entry.js ao final para que o compilador saiba onde procurar (ainda é preferível ter apenas uma única URL de origem!)

Usando make/build

O construtor lê data.js e verifica a origem de cada entrada. Ele calculará os tamanhos brutos, reduzidos e compactados das entradas.

Você verá avisos onde as entradas precisam ser verificadas e erros onde as entradas serão excluídas.

Se desejar ver detalhes de todas as entradas, você pode executar o comando ./build.js -v .

Enviando um PR

• Repositório de bifurcação
• Clone o repositório para sua máquina local
• Adicione ao arquivo data.js os atributos representativos listados acima
• NOTA: adicione os novos arquivos em algum lugar diferente da parte inferior para tornar a fusão de relações públicas menos propensa a conflitos
• Execute npm install se ainda não o fez e npm test
• Se o seu pacote adicionado apresentar uma mensagem SUCCESS , você está pronto para prosseguir, envie o PR
• Para filtrar apenas os resultados do seu pacote, execute ./build.js -v | grep YOUR_PACKAGE_NAME

Todos os direitos reservados

Observe que MicroJS.com é um site com curadoria e nos reservamos o direito de recusar qualquer listagem por qualquer motivo.

O código/site microjs.com é lançado sob uma licença MIT.