Data management 🗄Īutomatic database cleanups are currently missing (e.g. ) first and only then start implementing more complex components. Splitting up the CSS into multiple CSS files per component would greatly improve code maintainability.Īdditionally, some CSS repetitions could have been avoided by implementing a basic component library first (e.g. Styling 🎨Īll styles are currently located in a single, large App.scss file. In addition, adding more advanced form data validations should increase the app's security further, reducing the threat, e.g. In addition, firestore security rules could be stricter in the development version. This would allow you for example to remove localhost from the list of authorized domains. Security 🔒Ĭreating separate production and development environments in firebase should enhance the app's security. I would expect a significant performance boost by refactoring contexts/components or by using an external state management library. The current app implementation triggers too many component re-renders as I'm relying too heavily on the useEffect hook - even for states changing frequently. I'm aware of the following shortcomings listed below: Performance 🚀 The app should now be running on Shortcomings.contents into it, and fill XXX placeholders with your Firebase project credentials. env.local file in the root directory, copy. Inside Firebase, setup Firebase authentication and enable Email/Password, Anonymous, and Google SignIn.Inside Firebase, setup Firestore and create two collections projects and tasks.Signup for a Firebase account if you don't have it already, create a new project, then set up a web app.
Create, edit, delete and assign tasks to projects.Simple vanilla React state management (without Redux, Recoil, or similar).Written in modern React, only functional components with hooks.I hope it helps you to become a better React programmer, too 🤓. frontend focused (backend implemented via Firebase / Firestore). using 'pure' React and vanilla JS (no Redux, jQuery, Typescript. This project might be interesting for anyone learning React, who's looking for a practice project that's. Go from zero to a fully deployed web app for the first time.managing state, organizing files, automated testing. Experience some of the stress points and needs of a growing codebase (e.g.Practice React under more real-world conditions to find and push my limits.It's a more complex coding project than anything I've attempted previously (as of February 2022), as I wanted to: I've built it while pursuing the Frontend Developer Career Path on Scrimba. This is a simplified Todoist clone built with React and Firebase. Go to live app What is this and who is it for ⭐ A simplified Todoist clone Build with React and Firebase.
0 kommentar(er)
