React projects for beginners

React Project for Beginners Repository

Bem -vindo ao React Project for Beginners Repository! Este é um lugar especial para iniciantes apaixonados por aprender e contribuir para reagir projetos de código aberto JS. (Projetos de 85 ++)

Nota nº 1: Verifique seu projeto com cuidado, ele deve estar livre de erros, seu projeto será revisado, se o revisor encontrar algum erro que sua solicitação será marcada como "inválida".

Nota#2: Não se esqueça de listar seu projeto no arquivo `Projects.js` na pasta root do repositório. Você também pode adicionar o link de demonstração do seu projeto (se houver)

NOTA #3: Leia as diretrizes de gerenciamento de repo-tamanho.

Descrição

Este repositório serve como uma plataforma para o React Project for Beginners participantes que estão em sua jornada para dominar o React JS e querem contribuir com a Hacktoberfest. É um lugar onde você pode compartilhar seus mini-projetos, aprender com os outros e contribuir para o crescimento da comunidade de código aberto.

Se você construiu uma calculadora simples, uma lista de tarefas ou um aplicativo meteorológico, suas contribuições são bem-vindas aqui. O principal objetivo deste repositório é incentivar a aprendizagem e a colaboração entre os desenvolvedores que são novos em reagir e contribuições de código aberto.

O que é hacktoberfest?

A Hacktoberfest é uma celebração de um mês de software de código aberto administrado pela Digitalocean. É aberto a todos em nossa comunidade global. Seja você um desenvolvedor, um aluno aprendendo a codificar, um host de eventos ou uma empresa de qualquer tamanho, pode ajudar a impulsionar o crescimento da fonte aberta e fazer contribuições positivas para uma comunidade cada vez maior. Todos os antecedentes e níveis de habilidade são incentivados a concluir o desafio. Clique aqui para obter informações da Hacktoberfest

Processo de contribuição

1. Fork : Fork este repositório do GitHub para sua própria conta Github 2. Clone : ​​Clone the Bifed Repo (o repositório presente em sua conta) para sua máquina local (lembrete: verifique se você está no diretório onde deseja o repositório armazenado).

 git clone https://github.com/ianshulx/React-projects-for-beginners

3.Crie um novo ramo

git checkout -b my-new-branch

4. Alterações : Crie uma nova ramificação e cometer suas alterações nessa ramificação. 5. Adicione e comet

• Adicione suas alterações

git add .

• Cometer suas mudanças. (Lembrete: verifique se sua mensagem relevante inclui os detalhes necessários para entender as alterações))

git commit -m "Relevant message"

6. Push : Depois que todas as alterações forem cometidas, empurre suas alterações no seu repositório remoto.

git push origin my-new-branch

7. PR : Depois de aumentar as mudanças, aumente um PR do seu repositório remoto para o ramo de dev do repo (lembrete: certifique -se de tocar seu PR adequadamente para entender o tópico principal do seu pedido)

Ao participar deste repositório, você não apenas contribuirá para o código aberto, mas também melhorando suas habilidades no React JS. Vamos tornar o aprendizado reagir divertido e interativo durante esta hacktoberfest! Codificação feliz e feliz hacktoberfest!

Diretrizes de contribuição

Certifique -se de seguir as diretrizes de contribuição antes de fazer uma solicitação de tração. Contribuições de qualidade são o que tornam a comunidade de código aberto um lugar incrível para aprender, inspirar e criar.

Encontre a lista completa de diretrizes no arquivo contribuinte.md.

Diretrizes de gerenciamento repo-tamanho

Este repositório hospeda vários projetos e, para garantir um desempenho suave e gerenciamento eficiente, as seguintes diretrizes devem ser seguidas:

1. Limitação do tamanho do projeto

• Cada pasta do projeto individual não deve exceder 15 MB .
• Se um projeto exigir mais espaço devido a ativos ou dados adicionais, considere refatorar o código ou armazenar arquivos externos em um local separado (como armazenamento em nuvem ou páginas do GitHub).

2. Organização de arquivos

• Os projetos devem ser organizados em pastas claramente rotuladas no diretório raiz.
• Mantenha a estrutura da pasta simples, por exemplo, Project_name1/ , Project_name2/ , etc.

3. Evite grandes arquivos binários

• Não comprometa grandes arquivos binários (por exemplo, vídeos, imagens de alta resolução, executáveis ​​compilados) diretamente para o repositório.
• Use Git LFS (armazenamento de arquivos grandes) para arquivos maiores que 100 MB ou considere armazenar grandes ativos fora do repositório e vincular -os a eles.

4. Minimize as bibliotecas externas

• Minimize o uso de bibliotecas pesadas de terceiros ou dependências externas.
• Use um arquivo .gitignore para excluir arquivos desnecessários ou autogenerados (por exemplo, node_modules/ , build/ etc.).

5. Limpeza regular

• Execute a limpeza regular de arquivos desnecessários (por exemplo, logs, arquivos temporários).
• Remova o código, ativos ou projetos desatualizados ou não utilizados do repositório.

6. Compressão de ativos

• Compressão da imagem : use ferramentas como TINYPNG, ImageOptim ou Squoosh para comprimir imagens (PNG, JPEG, etc.) antes de cometê -las.
  • Para imagens da Web : use formatos apropriados como o WebP para reduzir significativamente o tamanho sem comprometer a qualidade.
• Resolução Limitada : Evite usar imagens de alta resolução desnecessariamente. Para a maioria dos projetos de reação, uma resolução de 72 dpi (pontos por polegada) é suficiente para a Web.
• Uso do SVG : use arquivos SVG sempre que possível para gráficos vetoriais, pois são escaláveis ​​e leves.
• Compressa outros ativos, como PDFs e arquivos de áudio, usando ferramentas de compactação sem perdas antes de adicioná -las ao repositório para reduzir o tamanho do arquivo.

7. Otimize o código para desempenho

• Bundle e Minify : Verifique se a configuração do seu projeto usa ferramentas como Webpack ou Vite para agrupar e minimizar arquivos JavaScript e CSS. Isso reduz os tamanhos dos arquivos e acelera os tempos de carregamento.
• Agitamento de árvores : ao usar bibliotecas de terceiros, importe apenas as peças necessárias (troca de árvores) para evitar o código não utilizado.
  • Por exemplo, prefira import { Button } from 'library' em vez de import * as Library from 'library' .

8. Versão e gerenciamento de histórico

• Mantenha o histórico de comprometimento limpo, evitando compromissos frequentes de arquivos desnecessários.
• Use mensagens de confirmação significativas e concisas.
• Se um projeto se tornar muito grande ao longo do tempo, considere dividi -lo em um repositório separado.

9. Contribuições

• Para colaboradores, siga os limites de tamanho do projeto. Grandes contribuições devem ser discutidas por meio de um problema ou solicitação de tração.
• Verifique se todas as contribuições são otimizadas para o tamanho e o desempenho antes de enviá -las.

Código de Conduta

Este projeto segue os valores da Hacktoberfest ↗ e o Código de Conduta da Covenant colaboradora ↗. Ao participar, você deve defender este código. Addtiona este projeto

Licença

Este repositório é licenciado sob a licença do MIT.

A licença do MIT faz e o resumo de não:

DO: Use o código em aplicativos comerciais: por exemplo, uma empresa pode criar um software proprietário que inclua todo ou parte do código -fonte aberto original e, em seguida, cobrar dinheiro com esse software. Modificar o código: em outras palavras, os desenvolvedores podem alterar/atualizar o código, mas gostariam. Distribua cópias do código e quaisquer modificações: desde que o aviso original de direitos autorais e a própria licença sejam incluídos, uma organização poderá distribuir e vender cópias ou versões modificadas do código. Sublicense O Código: Isso significa que você pode incorporar o código original em uma modificação com uma licença mais rigorosa.

Não: não é possível manter o (s) autor (s) do código (s) legalmente responsável por qualquer motivo. Não é possível excluir o aviso de direitos autorais e a licença original da sua versão do código.

Vamos começar a contribuir e tornar a comunidade de código aberto um lugar melhor para todos!

React Project for Beginners Repository

Bem -vindo ao React Project for Beginners Repository! Este é um lugar especial para iniciantes apaixonados por aprender e contribuir para projetos de código aberto usando o React JS. Sua hacktoberfest atualmente!

Nota nº 1: Verifique seu projeto com cuidado, ele deve estar livre de erros, seu projeto será revisado, se o revisor encontrar algum erro que sua solicitação será marcada como "inválida".

Nota#2: Não se esqueça de listar seu projeto no arquivo `Projects.js` na pasta root do repositório. Você também pode adicionar o link de demonstração do seu projeto (se houver)

NOTA#3: Leia [Repo-Size Management Diretrizes] (https://github.com/ianshulx/react-projects-for-beginners/blob/main/repo_size_guidelines)

Descrição

Este repositório serve como uma plataforma para o React Project for Beginners participantes que estão em sua jornada para dominar o React JS e querem contribuir com a Hacktoberfest. É um lugar onde você pode compartilhar seus mini-projetos, aprender com os outros e contribuir para o crescimento da comunidade de código aberto.

Se você construiu uma calculadora simples, uma lista de tarefas ou um aplicativo meteorológico, suas contribuições são bem-vindas aqui. O principal objetivo deste repositório é incentivar a aprendizagem e a colaboração entre os desenvolvedores que são novos em reagir e contribuições de código aberto.

O que é hacktoberfest?

A Hacktoberfest é uma celebração de um mês de software de código aberto administrado pela Digitalocean. É aberto a todos em nossa comunidade global. Seja você um desenvolvedor, um aluno aprendendo a codificar, um host de eventos ou uma empresa de qualquer tamanho, pode ajudar a impulsionar o crescimento da fonte aberta e fazer contribuições positivas para uma comunidade cada vez maior. Todos os antecedentes e níveis de habilidade são incentivados a concluir o desafio. Clique aqui para obter informações da Hacktoberfest

Processo de contribuição

1. Fork : Fork este repositório do GitHub para sua própria conta Github 2. Clone : ​​Clone the Bifed Repo (o repositório presente em sua conta) para sua máquina local (lembrete: verifique se você está no diretório onde deseja o repositório armazenado).

 git clone https://github.com/ianshulx/React-projects-for-beginners

3.Crie um novo ramo

git checkout -b my-new-branch

4. Alterações : Crie uma nova ramificação e cometer suas alterações nessa ramificação. 5. Adicione e comet

• Adicione suas alterações

git add .

• Cometer suas mudanças. (Lembrete: verifique se sua mensagem relevante inclui os detalhes necessários para entender as alterações))

git commit -m "Relevant message"

6. Push : Depois que todas as alterações forem cometidas, empurre suas alterações no seu repositório remoto.

git push origin my-new-branch

7. PR : Depois de aumentar as mudanças, aumente um PR do seu repositório remoto para o ramo de dev do repo (lembrete: certifique -se de tocar seu PR adequadamente para entender o tópico principal do seu pedido)

Ao participar deste repositório, você não apenas contribuirá para o código aberto, mas também melhorando suas habilidades no React JS. Vamos tornar o aprendizado reagir divertido e interativo durante esta hacktoberfest! Codificação feliz e feliz hacktoberfest!

Diretrizes de contribuição

Certifique -se de seguir as diretrizes de contribuição antes de fazer uma solicitação de tração. Contribuições de qualidade são o que tornam a comunidade de código aberto um lugar incrível para aprender, inspirar e criar.

Encontre a lista completa de diretrizes no arquivo contribuinte.md.

Diretrizes de gerenciamento repo-tamanho

Este repositório hospeda vários projetos e, para garantir um desempenho suave e gerenciamento eficiente, as seguintes diretrizes devem ser seguidas:

1. Limitação do tamanho do projeto

• Cada pasta do projeto individual não deve exceder 15 MB .
• Se um projeto exigir mais espaço devido a ativos ou dados adicionais, considere refatorar o código ou armazenar arquivos externos em um local separado (como armazenamento em nuvem ou páginas do GitHub).

2. Organização de arquivos

• Os projetos devem ser organizados em pastas claramente rotuladas no diretório raiz.
• Mantenha a estrutura da pasta simples, por exemplo, Project_name1/ , Project_name2/ , etc.

3. Evite grandes arquivos binários

• Não comprometa grandes arquivos binários (por exemplo, vídeos, imagens de alta resolução, executáveis ​​compilados) diretamente para o repositório.
• Use Git LFS (armazenamento de arquivos grandes) para arquivos maiores que 100 MB ou considere armazenar grandes ativos fora do repositório e vincular -os a eles.

4. Minimize as bibliotecas externas

• Minimize o uso de bibliotecas pesadas de terceiros ou dependências externas.
• Use um arquivo .gitignore para excluir arquivos desnecessários ou autogenerados (por exemplo, node_modules/ , build/ etc.).

5. Limpeza regular

• Execute a limpeza regular de arquivos desnecessários (por exemplo, logs, arquivos temporários).
• Remova o código, ativos ou projetos desatualizados ou não utilizados do repositório.

6. Compressão de ativos

• Compressão da imagem : use ferramentas como TINYPNG, ImageOptim ou Squoosh para comprimir imagens (PNG, JPEG, etc.) antes de cometê -las.
  • Para imagens da Web : use formatos apropriados como o WebP para reduzir significativamente o tamanho sem comprometer a qualidade.
• Resolução Limitada : Evite usar imagens de alta resolução desnecessariamente. Para a maioria dos projetos de reação, uma resolução de 72 dpi (pontos por polegada) é suficiente para a Web.
• Uso do SVG : use arquivos SVG sempre que possível para gráficos vetoriais, pois são escaláveis ​​e leves.
• Compressa outros ativos, como PDFs e arquivos de áudio, usando ferramentas de compactação sem perdas antes de adicioná -las ao repositório para reduzir o tamanho do arquivo.

7. Otimize o código para desempenho

• Bundle e Minify : Verifique se a configuração do seu projeto usa ferramentas como Webpack ou Vite para agrupar e minimizar arquivos JavaScript e CSS. Isso reduz os tamanhos dos arquivos e acelera os tempos de carregamento.
• Agitamento de árvores : ao usar bibliotecas de terceiros, importe apenas as peças necessárias (troca de árvores) para evitar o código não utilizado.
  • Por exemplo, prefira import { Button } from 'library' em vez de import * as Library from 'library' .

8. Versão e gerenciamento de histórico

• Mantenha o histórico de comprometimento limpo, evitando compromissos frequentes de arquivos desnecessários.
• Use mensagens de confirmação significativas e concisas.
• Se um projeto se tornar muito grande ao longo do tempo, considere dividi -lo em um repositório separado.

9. Contribuições

• Para colaboradores, siga os limites de tamanho do projeto. Grandes contribuições devem ser discutidas por meio de um problema ou solicitação de tração.
• Verifique se todas as contribuições são otimizadas para o tamanho e o desempenho antes de enviá -las.

Código de Conduta

Este projeto segue os valores da Hacktoberfest ↗ e o Código de Conduta da Covenant colaboradora ↗. Ao participar, você deve defender este código. Addtiona este projeto

Licença

Este repositório é licenciado sob a licença do MIT.

A licença do MIT faz e o resumo de não:

DO: Use o código em aplicativos comerciais: por exemplo, uma empresa pode criar um software proprietário que inclua todo ou parte do código -fonte aberto original e, em seguida, cobrar dinheiro com esse software. Modificar o código: em outras palavras, os desenvolvedores podem alterar/atualizar o código, mas gostariam. Distribua cópias do código e quaisquer modificações: desde que o aviso original de direitos autorais e a própria licença sejam incluídos, uma organização poderá distribuir e vender cópias ou versões modificadas do código. Sublicense O Código: Isso significa que você pode incorporar o código original em uma modificação com uma licença mais rigorosa.

Não: não é possível manter o (s) autor (s) do código (s) legalmente responsável por qualquer motivo. Não é possível excluir o aviso de direitos autorais e a licença original da sua versão do código.

Vamos começar a contribuir e tornar a comunidade de código aberto um lugar melhor para todos!

React Project for Beginners Repository

Bem -vindo ao React Project for Beginners Repository! Este é um lugar especial para iniciantes apaixonados por aprender e contribuir para projetos de código aberto usando o React JS. Sua hacktoberfest atualmente!

Nota nº 1: Verifique seu projeto com cuidado, ele deve estar livre de erros, seu projeto será revisado, se o revisor encontrar algum erro que sua solicitação será marcada como "inválida".

Nota#2: Não se esqueça de listar seu projeto no arquivo `Projects.js` na pasta root do repositório. Você também pode adicionar o link de demonstração do seu projeto (se houver)

NOTA#3: Leia [Repo-Size Management Diretrizes] (https://github.com/ianshulx/react-projects-for-beginners/blob/main/repo_size_guidelines)

Descrição

Este repositório serve como uma plataforma para o React Project for Beginners participantes que estão em sua jornada para dominar o React JS e querem contribuir com a Hacktoberfest. É um lugar onde você pode compartilhar seus mini-projetos, aprender com os outros e contribuir para o crescimento da comunidade de código aberto.

Se você construiu uma calculadora simples, uma lista de tarefas ou um aplicativo meteorológico, suas contribuições são bem-vindas aqui. O principal objetivo deste repositório é incentivar a aprendizagem e a colaboração entre os desenvolvedores que são novos em reagir e contribuições de código aberto.

O que é hacktoberfest?

A Hacktoberfest é uma celebração de um mês de software de código aberto administrado pela Digitalocean. É aberto a todos em nossa comunidade global. Seja você um desenvolvedor, um aluno aprendendo a codificar, um host de eventos ou uma empresa de qualquer tamanho, pode ajudar a impulsionar o crescimento da fonte aberta e fazer contribuições positivas para uma comunidade cada vez maior. Todos os antecedentes e níveis de habilidade são incentivados a concluir o desafio. Clique aqui para obter informações da Hacktoberfest

Processo de contribuição

1. Fork : Fork este repositório do GitHub para sua própria conta Github 2. Clone : ​​Clone the Bifed Repo (o repositório presente em sua conta) para sua máquina local (lembrete: verifique se você está no diretório onde deseja o repositório armazenado).

 git clone https://github.com/ianshulx/React-projects-for-beginners

3.Crie um novo ramo

git checkout -b my-new-branch

4. Alterações : Crie uma nova ramificação e cometer suas alterações nessa ramificação. 5. Adicione e comet

• Adicione suas alterações

git add .

• Cometer suas mudanças. (Lembrete: verifique se sua mensagem relevante inclui os detalhes necessários para entender as alterações))

git commit -m "Relevant message"

6. Push : Depois que todas as alterações forem cometidas, empurre suas alterações no seu repositório remoto.

git push origin my-new-branch

7. PR : Depois de aumentar as mudanças, aumente um PR do seu repositório remoto para o ramo de dev do repo (lembrete: certifique -se de tocar seu PR adequadamente para entender o tópico principal do seu pedido)

Ao participar deste repositório, você não apenas contribuirá para o código aberto, mas também melhorando suas habilidades no React JS. Vamos tornar o aprendizado reagir divertido e interativo durante esta hacktoberfest! Codificação feliz e feliz hacktoberfest!

Diretrizes de contribuição

Certifique -se de seguir as diretrizes de contribuição antes de fazer uma solicitação de tração. Contribuições de qualidade são o que tornam a comunidade de código aberto um lugar incrível para aprender, inspirar e criar.

Encontre a lista completa de diretrizes no arquivo contribuinte.md.

Diretrizes de gerenciamento repo-tamanho

Este repositório hospeda vários projetos e, para garantir um desempenho suave e gerenciamento eficiente, as seguintes diretrizes devem ser seguidas:

1. Limitação do tamanho do projeto

• Cada pasta do projeto individual não deve exceder 15 MB .
• Se um projeto exigir mais espaço devido a ativos ou dados adicionais, considere refatorar o código ou armazenar arquivos externos em um local separado (como armazenamento em nuvem ou páginas do GitHub).

2. Organização de arquivos

• Os projetos devem ser organizados em pastas claramente rotuladas no diretório raiz.
• Mantenha a estrutura da pasta simples, por exemplo, Project_name1/ , Project_name2/ , etc.

3. Evite grandes arquivos binários

• Não comprometa grandes arquivos binários (por exemplo, vídeos, imagens de alta resolução, executáveis ​​compilados) diretamente para o repositório.
• Use Git LFS (armazenamento de arquivos grandes) para arquivos maiores que 100 MB ou considere armazenar grandes ativos fora do repositório e vincular -os a eles.

4. Minimize as bibliotecas externas

• Minimize o uso de bibliotecas pesadas de terceiros ou dependências externas.
• Use um arquivo .gitignore para excluir arquivos desnecessários ou autogenerados (por exemplo, node_modules/ , build/ etc.).

5. Limpeza regular

• Execute a limpeza regular de arquivos desnecessários (por exemplo, logs, arquivos temporários).
• Remova o código, ativos ou projetos desatualizados ou não utilizados do repositório.

6. Compressão de ativos

• Compressão da imagem : use ferramentas como TINYPNG, ImageOptim ou Squoosh para comprimir imagens (PNG, JPEG, etc.) antes de cometê -las.
  • Para imagens da Web : use formatos apropriados como o WebP para reduzir significativamente o tamanho sem comprometer a qualidade.
• Resolução Limitada : Evite usar imagens de alta resolução desnecessariamente. Para a maioria dos projetos de reação, uma resolução de 72 dpi (pontos por polegada) é suficiente para a Web.
• Uso do SVG : use arquivos SVG sempre que possível para gráficos vetoriais, pois são escaláveis ​​e leves.
• Compressa outros ativos, como PDFs e arquivos de áudio, usando ferramentas de compactação sem perdas antes de adicioná -las ao repositório para reduzir o tamanho do arquivo.

7. Otimize o código para desempenho

• Bundle e Minify : Verifique se a configuração do seu projeto usa ferramentas como Webpack ou Vite para agrupar e minimizar arquivos JavaScript e CSS. Isso reduz os tamanhos dos arquivos e acelera os tempos de carregamento.
• Agitamento de árvores : ao usar bibliotecas de terceiros, importe apenas as peças necessárias (troca de árvores) para evitar o código não utilizado.
  • Por exemplo, prefira import { Button } from 'library' em vez de import * as Library from 'library' .

8. Versão e gerenciamento de histórico

• Mantenha o histórico de comprometimento limpo, evitando compromissos frequentes de arquivos desnecessários.
• Use mensagens de confirmação significativas e concisas.
• Se um projeto se tornar muito grande ao longo do tempo, considere dividi -lo em um repositório separado.

9. Contribuições

• Para colaboradores, siga os limites de tamanho do projeto. Grandes contribuições devem ser discutidas por meio de um problema ou solicitação de tração.
• Verifique se todas as contribuições são otimizadas para o tamanho e o desempenho antes de enviá -las.

Código de Conduta

Este projeto segue os valores da Hacktoberfest ↗ e o Código de Conduta da Covenant colaboradora ↗. Ao participar, você deve defender este código. Addtiona este projeto

Licença

Este repositório é licenciado sob a licença do MIT.

A licença do MIT faz e o resumo de não:

DO: Use o código em aplicativos comerciais: por exemplo, uma empresa pode criar um software proprietário que inclua todo ou parte do código -fonte aberto original e, em seguida, cobrar dinheiro com esse software. Modificar o código: em outras palavras, os desenvolvedores podem alterar/atualizar o código, mas gostariam. Distribua cópias do código e quaisquer modificações: desde que o aviso original de direitos autorais e a própria licença sejam incluídos, uma organização poderá distribuir e vender cópias ou versões modificadas do código. Sublicense O Código: Isso significa que você pode incorporar o código original em uma modificação com uma licença mais rigorosa.

Não: não é possível manter o (s) autor (s) do código (s) legalmente responsável por qualquer motivo. Não é possível excluir o aviso de direitos autorais e a licença original da sua versão do código.

Vamos começar a contribuir e tornar a comunidade de código aberto um lugar melhor para todos!