react next boilerplate

️ AVERTISSEMENT: Ce référentiel n'est plus maintenu. Nous vous recommandons de migrer vers un nouveau référentiel pour les dernières mises à jour et le support.

Nous passons du temps à utiliser de bonnes pratiques communautaires pour rendre votre projet évolutif.

_{Une base pour réduire la configuration de vos projets avec Next.js , les meilleures pratiques de développement et les bibliothèques populaires de la communauté des développeurs.}

Caractéristiques

• Redux-Saga : une bibliothèque qui vise à faire des effets secondaires d'application (c'est-à-dire des choses asynchrones comme la récupération des données et des choses impures comme l'accès au cache du navigateur) plus facile à gérer, plus efficace à exécuter, facile à tester et mieux à gérer les échecs.
• redux-saga-routines : un créateur d'action intelligent pour redux. Utile pour tout type d'actions asynchrones comme la récupération des données. Également entièrement compatible avec la saga redux et la forme redux.
• Next-i18Next : un plugin pour les projets Next.js qui vous permet d'obtenir des traductions opérationnelles rapidement et facilement, tout en prenant en charge SSR, plusieurs espaces de noms avec division de code, etc.
• I18Next : Une internationalisation-trame de travail écrit et pour JavaScript. Mais c'est bien plus que ça.
• Redux : un conteneur d'état prévisible pour les applications JavaScript.
• Reselect : Simple Selector Library pour Redux (et autres) inspiré par les Getters dans NuclearJS, les abonnements dans le recadrage et cette proposition de Speedskater.
• Immer : (allemand pour: toujours) est un petit paquet qui vous permet de travailler avec un état immuable d'une manière plus pratique. Il est basé sur le mécanisme de copie-écriture
• @ Testing-Library / React : Utilitaires de tests réactifs simples et complets qui encouragent les bonnes pratiques de test.
• SEO : Les avantages de cette approche sont de pouvoir créer de riches expériences utilisateur de manière uniforme, sans compromettre les facteurs d'optimisation des moteurs de recherche (SEO) qui sont essentiels à un bon classement sur Google et d'autres moteurs de recherche.
• Faces de caractères : L'auto-hébergement est nettement plus rapide. Le chargement d'une police de type à partir de polices Google ou d'autres services de police hébergés ajoute une demande réseau supplémentaire (bloquant).
• Émotion : une bibliothèque conçue pour écrire des styles CSS avec JavaScript. Il offre une composition de style puissante et prévisible en plus d'une excellente expérience de développeur avec des fonctionnalités telles que les cartes source, les étiquettes et les utilitaires de test.

Commencer

Bienvenue dans la documentation lumineuse de React Next Nightplate!

Exigences du système

• Node.js 10 ou version ultérieure
• MacOS, Windows (y compris WSL) et Linux sont pris en charge

Installation

Cliquez sur ce lien ou clonez manuellement ce dépôt et passez au répertoire approprié via:

git clone --depth=1 https://github.com/react-next-boilerplate/react-next-boilerplate.git < YOUR_PROJECT_NAME > `
cd < YOUR_PROJECT_NAME >

Ensuite, installez les dépendances et exécutez le serveur de développement:

yarn
yarn dev

Pour voir l'exemple d'application sur http://localhost:3000 , exécuter:

open http://localhost:3000

Ces scripts se réfèrent aux différentes étapes du développement d'une application:

• dev - s'exécute next qui démarre Next.js en mode développement
• build - exécute next construction qui construit l'application pour l'utilisation de la production
• start - Exécute next Start qui démarre un serveur de production suivant.js

Maintenant, vous êtes prêt à gronder! ?

Documentation

• Commandes: Tirez le meilleur parti de cette passe-partout

Démo

Code de conduite

React Next Playplate est dédié à la construction d'une communauté accueillante, diversifiée et sûre. Nous nous attendons à ce que tous ceux qui participent à la communauté React Next Nowplate soient respectés par notre code de conduite. Veuillez le lire. Veuillez le suivre. Dans la communauté React Next Playplate, nous travaillons dur pour nous construire et créer des choses incroyables ensemble.

Contributif

Merci de votre intérêt à contribuer; Nous sommes ravis que vous vouliez vous aider. Nous avons un guide contributif pour vous aider à démarrer.

Licence

Ce projet est autorisé en vertu de la licence du MIT, Copyright (C) 2019 Jorge Luis Calleja Alvarado. Pour plus d'informations, voir la licence de projet.

Auteurs

• Jorge Luis Calleja Alvarado (@wootsbot) - Réagissez la prochaine bine-plaque