Notes
Notes - notes.io |
I just finished setting up the React-Redux boilerplate and overall system design/infrastructure
You can pull from the main branch of our repo
make sure to npm install once you pull
Please take the time to understand how the code is set up
The structure is as follows
Njoy is the main project folder
within Njoy, the client folder holds everything related to front-end (React)
all the other files in the Njoy folder besides client are backend server related (Node/Express)
You can run npm run dev to concurrently run both the react app and the server
For now, try your best to understand whats going on in the client folder
which is our react app
Components folder will hold all react components that we build to display ( for example a login page named SignIn.js)
redux folder holds everything related to redux
Dont worry about utils folder, thats related to implementing JSWT
In terms of redux
The main takeaway as you try to understand redux and see how we've set it up is that
Think of the store object as the object that represents our global state
we wrap our app with a provider that provides the store object to our whole app
in index.js
Redux generally works as follows
We have an action (sign in), the reducer responds to any action and updates the store as needed
the store is updated and our app will update its virtual dom and reflect any state changes
I know its a lot, but do your best to understand the boilerplate i set up
Feel free to ask me any questions
Lastly, make sure not to work in the main branch
Main branch will always reflect last up-to-date functional code
|
|
Notes.io is a web-based application for taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000 notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 12 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team
