![]() I'm not entirely sure if react-router supports these features but Navi certainly Lazy loaded routes, hooks, suspense, route api calls are the mainįeatures that influenced that decision. Not using react-router and opting for Navi instead.They are meant to make it easier but hooks are so much easier. Chose not to use Redux or Thunks since they make state It is possible to mix and match as needed but trying to be consistent with the use of functional components and did It simplifies state management, no function binding issues and makes components simpler in manyĬases. The new React hooks feature is very powerful and allows developers not to use classĬomponents in many cases. Material text field but it's quite different under the hood. Instead, I just styled the input to look a bit more like It's probably possible to set up a Material text field and specify the Stripe input afterīeing injected dynamically but it was going to take too long. Stripe inputs need to be injected as an iframe from Stripe so that the token can be generated without CORS problems.Not using styled components or Material withStyles. Styling components done as inline and global CSS.Could have used other Material libraries but Material UI seems to be the most mature one. ![]() Could have used Apache as well but Nginx is faster. Test Stripe or Login with Facebook features without an accompanying test page. A few pages are developed for testing purposes. Note that the React side is still in development. Meant to be taken like they are set in stone. ![]() ![]() From that perspective, these are discussion points and not Like in any otherĪpplication, there are more ways than one to accomplish something. The notes in this section relate to the architectural decisions taken so far and explanations for them. You can access the production at: Architectural Decisions / Discussion Points Client: Contains the client side written with React.Server: Contains the API written with Node/Koa.Database: The initial setup file + patches (if needed) for MySQL database used by the server.Designs: Mock-ups regarding the desired UI/UX.This repo contains a sample app for Turing Challenge. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |