The latest articles on Forem by Alan Alickovic (@alan2207). https://forem.com/alan2207 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F136074%2Fbb8d6e94-3b27-47b2-ac65-027327a6941e.jpg https://forem.com/alan2207 en Alan Alickovic Sat, 17 Jul 2021 12:48:38 +0000 https://forem.com/alan2207/bulletproof-react-3lej https://forem.com/alan2207/bulletproof-react-3lej <h2> Introduction </h2> <p>React is a great tool for building frontend applications. It has a very diverse eco-system with hundreds of great libraries for literally anything you might need. However it can be overwhelming to be forced to make so many choices.</p> <p>React is also very flexible, you can write React applications in any way you like but that flexibility comes with a cost. Since there is no pre-defined architecture developers can to follow, it often leads to messy, uncosistent or over-complicated codebases.</p> <p>This is an attempt to present the way of creating React applications using the best tools in the eco-system with a good project structure that scales very well. It is based on the experience of working with many different codebases, and this architecture turns out to be the most effective one.</p> <p>The goal of this repo is to serve as a collection of good practices when developing React applications. It is supposed to showcase solving most of the real-world problems of an application in a practical way and help developers writing better applications.</p> <h2> Includes </h2> <ul> <li>Project Configuration</li> <li>Project Structure</li> <li>Components And Styling</li> <li>Forms</li> <li>API Layer</li> <li>State Management</li> <li>Auth</li> <li>API Mock Server</li> <li>Testing</li> <li>Error Handling</li> <li>Performance</li> </ul> <p>Feel free to explore the repo to get the most value out of it.</p> <p><a href="https://github.com/alan2207/bulletproof-react">https://github.com/alan2207/bulletproof-react</a></p> <p>I hope you will find this useful, if you have any questions, feel free to reach out to me via email at <a href="mailto:alan.alickovic@gmail.com">alan.alickovic@gmail.com</a> or via <a href="https://twitter.com/alan_alickovic">Twitter</a> or <a href="https://www.linkedin.com/in/alan-alickovic/">LinkedIn</a>.</p> webdev react architecture frontend