Cameron Boyle
@cambboyle.software
Full-Stack Dev | Notion Creator | Learning in public 📚 | Building for the web 🌍 | DM me about code, coffee, or collabs!
5. Combine Props and State
Props and state often work together!
For example: Here, name is state in App but becomes a prop for Welcome.
Props and state often work together!
For example: Here, name is state in App but becomes a prop for Welcome.
January 17, 2025 at 6:28 PM
5. Combine Props and State
Props and state often work together!
For example: Here, name is state in App but becomes a prop for Welcome.
Props and state often work together!
For example: Here, name is state in App but becomes a prop for Welcome.
3. What is State?
State is like a component’s memory. It:
• Stores data that can change.
• Lives inside the component.
Example: Here, count is the state, and setCount updates it.
State is like a component’s memory. It:
• Stores data that can change.
• Lives inside the component.
Example: Here, count is the state, and setCount updates it.
January 17, 2025 at 6:28 PM
3. What is State?
State is like a component’s memory. It:
• Stores data that can change.
• Lives inside the component.
Example: Here, count is the state, and setCount updates it.
State is like a component’s memory. It:
• Stores data that can change.
• Lives inside the component.
Example: Here, count is the state, and setCount updates it.
2. What are Props?
Props are like arguments you pass to a function. They:
• Allow components to communicate.
• Are read-only (you can’t modify them).
Example: Here, name="Cameron" is a prop passed to the Welcome component.
Props are like arguments you pass to a function. They:
• Allow components to communicate.
• Are read-only (you can’t modify them).
Example: Here, name="Cameron" is a prop passed to the Welcome component.
January 17, 2025 at 6:28 PM
2. What are Props?
Props are like arguments you pass to a function. They:
• Allow components to communicate.
• Are read-only (you can’t modify them).
Example: Here, name="Cameron" is a prop passed to the Welcome component.
Props are like arguments you pass to a function. They:
• Allow components to communicate.
• Are read-only (you can’t modify them).
Example: Here, name="Cameron" is a prop passed to the Welcome component.
Day 42 Of #30NitesOfCode
- Accidentally rewrote backend & frontend, including database
- Fully functioning OAuth login, register, forgot password
- Set up email verification and password reset
- Feeling good about progress
- Next: add navbar and projects
Happy Coding!
- Accidentally rewrote backend & frontend, including database
- Fully functioning OAuth login, register, forgot password
- Set up email verification and password reset
- Feeling good about progress
- Next: add navbar and projects
Happy Coding!
December 21, 2024 at 8:00 AM
Day 42 Of #30NitesOfCode
- Accidentally rewrote backend & frontend, including database
- Fully functioning OAuth login, register, forgot password
- Set up email verification and password reset
- Feeling good about progress
- Next: add navbar and projects
Happy Coding!
- Accidentally rewrote backend & frontend, including database
- Fully functioning OAuth login, register, forgot password
- Set up email verification and password reset
- Feeling good about progress
- Next: add navbar and projects
Happy Coding!
A chill morning of working on the productivity app (Name reveal later?), haven't touched it in a week-ish so I'm just giving myself time to recap because getting stuck in.
Should I work on Note-taking or Calendar Integration first?
Should I work on Note-taking or Calendar Integration first?
December 19, 2024 at 11:00 AM
A chill morning of working on the productivity app (Name reveal later?), haven't touched it in a week-ish so I'm just giving myself time to recap because getting stuck in.
Should I work on Note-taking or Calendar Integration first?
Should I work on Note-taking or Calendar Integration first?
Day 39 Of #30NitesOfCode
- 2/3 hours of React practical learning, still getting myself familiar with some things
- Enjoying this course
- Started my X premium adventure, lfg.
- Hackathon : No W but it was a great experience with great people, will get em next time
Happy Coding!
- 2/3 hours of React practical learning, still getting myself familiar with some things
- Enjoying this course
- Started my X premium adventure, lfg.
- Hackathon : No W but it was a great experience with great people, will get em next time
Happy Coding!
December 18, 2024 at 8:00 AM
Day 39 Of #30NitesOfCode
- 2/3 hours of React practical learning, still getting myself familiar with some things
- Enjoying this course
- Started my X premium adventure, lfg.
- Hackathon : No W but it was a great experience with great people, will get em next time
Happy Coding!
- 2/3 hours of React practical learning, still getting myself familiar with some things
- Enjoying this course
- Started my X premium adventure, lfg.
- Hackathon : No W but it was a great experience with great people, will get em next time
Happy Coding!
Day 38 of #30NitesOfCode
- Started MERN course on Udemy
- Took all day to fix a create-react-app issue,
- was using React 19, downgraded to 18 for the fix
- So easy, can't believe it took me all day
Happy Coding!
- Started MERN course on Udemy
- Took all day to fix a create-react-app issue,
- was using React 19, downgraded to 18 for the fix
- So easy, can't believe it took me all day
Happy Coding!
December 17, 2024 at 8:00 AM
Day 38 of #30NitesOfCode
- Started MERN course on Udemy
- Took all day to fix a create-react-app issue,
- was using React 19, downgraded to 18 for the fix
- So easy, can't believe it took me all day
Happy Coding!
- Started MERN course on Udemy
- Took all day to fix a create-react-app issue,
- was using React 19, downgraded to 18 for the fix
- So easy, can't believe it took me all day
Happy Coding!
🎉 Just finished my portfolio site for the @codedex_io Mini Winter Hackathon!
With a 90s theme, I drew inspiration from being a life-long Pokémon Trainer.
#codedexhackathon #gottacatchemall
With a 90s theme, I drew inspiration from being a life-long Pokémon Trainer.
#codedexhackathon #gottacatchemall
December 15, 2024 at 11:00 AM
🎉 Just finished my portfolio site for the @codedex_io Mini Winter Hackathon!
With a 90s theme, I drew inspiration from being a life-long Pokémon Trainer.
#codedexhackathon #gottacatchemall
With a 90s theme, I drew inspiration from being a life-long Pokémon Trainer.
#codedexhackathon #gottacatchemall
Day 36 of #30NitesOfCode
- Finished the hackathon site, just getting it uploaded to GH pages
- Have ran into so many errors bc I'm using a vite React app
Good luck on your submissions if you are taking part @codedex_io
Happy Coding!
- Finished the hackathon site, just getting it uploaded to GH pages
- Have ran into so many errors bc I'm using a vite React app
Good luck on your submissions if you are taking part @codedex_io
Happy Coding!
December 15, 2024 at 8:00 AM
Day 36 of #30NitesOfCode
- Finished the hackathon site, just getting it uploaded to GH pages
- Have ran into so many errors bc I'm using a vite React app
Good luck on your submissions if you are taking part @codedex_io
Happy Coding!
- Finished the hackathon site, just getting it uploaded to GH pages
- Have ran into so many errors bc I'm using a vite React app
Good luck on your submissions if you are taking part @codedex_io
Happy Coding!
Day 35 of #30NitesOfCode
@codedex_io Mini Holiday HACKATHON
- began my hackathon project: a Pokémon-style portfolio site
- using React to test my skills
- working more on the Notion template
Good luck to others participating
Happy Coding!
@codedex_io Mini Holiday HACKATHON
- began my hackathon project: a Pokémon-style portfolio site
- using React to test my skills
- working more on the Notion template
Good luck to others participating
Happy Coding!
December 14, 2024 at 8:00 AM
Day 35 of #30NitesOfCode
@codedex_io Mini Holiday HACKATHON
- began my hackathon project: a Pokémon-style portfolio site
- using React to test my skills
- working more on the Notion template
Good luck to others participating
Happy Coding!
@codedex_io Mini Holiday HACKATHON
- began my hackathon project: a Pokémon-style portfolio site
- using React to test my skills
- working more on the Notion template
Good luck to others participating
Happy Coding!
Day 32 of #30NitesOfCode
- Took another slow day, not been feeling so great the past few
- Attempted Time-blocking today, found it very hard to time-block given my days are always changing
- Out for the day tomorrow so probably a smallish amount of code/notion-ing
Happy Coding!
- Took another slow day, not been feeling so great the past few
- Attempted Time-blocking today, found it very hard to time-block given my days are always changing
- Out for the day tomorrow so probably a smallish amount of code/notion-ing
Happy Coding!
December 11, 2024 at 8:00 AM
Day 32 of #30NitesOfCode
- Took another slow day, not been feeling so great the past few
- Attempted Time-blocking today, found it very hard to time-block given my days are always changing
- Out for the day tomorrow so probably a smallish amount of code/notion-ing
Happy Coding!
- Took another slow day, not been feeling so great the past few
- Attempted Time-blocking today, found it very hard to time-block given my days are always changing
- Out for the day tomorrow so probably a smallish amount of code/notion-ing
Happy Coding!
Day 31 of #30NitesOfCode
- Took a building break but kept learning by reading and planning in Notion.
It's amazing how a fresh perspective helps. Rest isn't stopping; it's shifting focus. How do you stay inspired on 'off' days?
- Took a building break but kept learning by reading and planning in Notion.
It's amazing how a fresh perspective helps. Rest isn't stopping; it's shifting focus. How do you stay inspired on 'off' days?
December 10, 2024 at 8:38 AM
Day 31 of #30NitesOfCode
- Took a building break but kept learning by reading and planning in Notion.
It's amazing how a fresh perspective helps. Rest isn't stopping; it's shifting focus. How do you stay inspired on 'off' days?
- Took a building break but kept learning by reading and planning in Notion.
It's amazing how a fresh perspective helps. Rest isn't stopping; it's shifting focus. How do you stay inspired on 'off' days?
Day 30 Of #30NitesOfCode
!! We did it !!
- Added Projects to the App
- Easier than expected
- Next: Rich Text Notes
- 2/4 MVP features done, needs refining
Guess the app's name? (reveal soon)
Attached: Projects Sneak Peek (placeholder styles)
Happy Coding!
!! We did it !!
- Added Projects to the App
- Easier than expected
- Next: Rich Text Notes
- 2/4 MVP features done, needs refining
Guess the app's name? (reveal soon)
Attached: Projects Sneak Peek (placeholder styles)
Happy Coding!
December 9, 2024 at 8:40 AM
Day 30 Of #30NitesOfCode
!! We did it !!
- Added Projects to the App
- Easier than expected
- Next: Rich Text Notes
- 2/4 MVP features done, needs refining
Guess the app's name? (reveal soon)
Attached: Projects Sneak Peek (placeholder styles)
Happy Coding!
!! We did it !!
- Added Projects to the App
- Easier than expected
- Next: Rich Text Notes
- 2/4 MVP features done, needs refining
Guess the app's name? (reveal soon)
Attached: Projects Sneak Peek (placeholder styles)
Happy Coding!
Day 29 of #30NitesOfCode
- Upgraded Node and React to latest versions for the App
- Actually put the Christmas Decorations up today
- Made 2 sales on Gumroad
- Brainstormed my next Notion Template
- Probably going to start the MERN course on Udemy tomorrow
Happy Coding!
- Upgraded Node and React to latest versions for the App
- Actually put the Christmas Decorations up today
- Made 2 sales on Gumroad
- Brainstormed my next Notion Template
- Probably going to start the MERN course on Udemy tomorrow
Happy Coding!
December 8, 2024 at 9:13 AM
Day 29 of #30NitesOfCode
- Upgraded Node and React to latest versions for the App
- Actually put the Christmas Decorations up today
- Made 2 sales on Gumroad
- Brainstormed my next Notion Template
- Probably going to start the MERN course on Udemy tomorrow
Happy Coding!
- Upgraded Node and React to latest versions for the App
- Actually put the Christmas Decorations up today
- Made 2 sales on Gumroad
- Brainstormed my next Notion Template
- Probably going to start the MERN course on Udemy tomorrow
Happy Coding!
Day 28 of #30NitesOfCode
- Cleaned up our codebase
- Myself & @tattyslad.bsky.social (give her a follow) worked on some dashboard designs
- Tried some work with setting up Projects, not a fan of what was done, will refactor tomorrow
- Cleaned up my phone (deleted apps & new layout)
Happy Coding!
- Cleaned up our codebase
- Myself & @tattyslad.bsky.social (give her a follow) worked on some dashboard designs
- Tried some work with setting up Projects, not a fan of what was done, will refactor tomorrow
- Cleaned up my phone (deleted apps & new layout)
Happy Coding!
December 7, 2024 at 8:50 AM
Day 28 of #30NitesOfCode
- Cleaned up our codebase
- Myself & @tattyslad.bsky.social (give her a follow) worked on some dashboard designs
- Tried some work with setting up Projects, not a fan of what was done, will refactor tomorrow
- Cleaned up my phone (deleted apps & new layout)
Happy Coding!
- Cleaned up our codebase
- Myself & @tattyslad.bsky.social (give her a follow) worked on some dashboard designs
- Tried some work with setting up Projects, not a fan of what was done, will refactor tomorrow
- Cleaned up my phone (deleted apps & new layout)
Happy Coding!
Day 27 of #30NitesOfCode
- Took it easy today, oops!
- Tested Windsurf's AI to improve the Productivity App
- Liked it, but frequent interruptions due to rate limits
- Tomorrow: Framer/Figma for UX/UI
- Maybe more React course needed?
Happy Coding!
- Took it easy today, oops!
- Tested Windsurf's AI to improve the Productivity App
- Liked it, but frequent interruptions due to rate limits
- Tomorrow: Framer/Figma for UX/UI
- Maybe more React course needed?
Happy Coding!
December 6, 2024 at 8:54 AM
Day 27 of #30NitesOfCode
- Took it easy today, oops!
- Tested Windsurf's AI to improve the Productivity App
- Liked it, but frequent interruptions due to rate limits
- Tomorrow: Framer/Figma for UX/UI
- Maybe more React course needed?
Happy Coding!
- Took it easy today, oops!
- Tested Windsurf's AI to improve the Productivity App
- Liked it, but frequent interruptions due to rate limits
- Tomorrow: Framer/Figma for UX/UI
- Maybe more React course needed?
Happy Coding!
Day 25 of 30NitesOfCode
Today I accomplished something.
I fixed my issues with the productivity app and it is deployed to the web, it is not MVP level yet but I think I can do it by Monday
- Auth ✅
- Task CRUD ✅
- Dashboard ✅
- User page customisation ✅
HAPPY CODING!
Today I accomplished something.
I fixed my issues with the productivity app and it is deployed to the web, it is not MVP level yet but I think I can do it by Monday
- Auth ✅
- Task CRUD ✅
- Dashboard ✅
- User page customisation ✅
HAPPY CODING!
December 4, 2024 at 9:31 AM
Day 25 of 30NitesOfCode
Today I accomplished something.
I fixed my issues with the productivity app and it is deployed to the web, it is not MVP level yet but I think I can do it by Monday
- Auth ✅
- Task CRUD ✅
- Dashboard ✅
- User page customisation ✅
HAPPY CODING!
Today I accomplished something.
I fixed my issues with the productivity app and it is deployed to the web, it is not MVP level yet but I think I can do it by Monday
- Auth ✅
- Task CRUD ✅
- Dashboard ✅
- User page customisation ✅
HAPPY CODING!
🚀 I’m building a productivity app to help you stay organized and hit your goals!
We are not yet at MVP but we are getting there!
Styles are not just by me for now, our designer is working on some amazing stuff!
Want early access or to help shape the features? Reply or drop a 🙋♂️ below!
We are not yet at MVP but we are getting there!
Styles are not just by me for now, our designer is working on some amazing stuff!
Want early access or to help shape the features? Reply or drop a 🙋♂️ below!
December 3, 2024 at 11:35 PM
🚀 I’m building a productivity app to help you stay organized and hit your goals!
We are not yet at MVP but we are getting there!
Styles are not just by me for now, our designer is working on some amazing stuff!
Want early access or to help shape the features? Reply or drop a 🙋♂️ below!
We are not yet at MVP but we are getting there!
Styles are not just by me for now, our designer is working on some amazing stuff!
Want early access or to help shape the features? Reply or drop a 🙋♂️ below!
Day 24 of 30NitesOfCode
- Took a day to organise and plan my life a bit better in Notion
- Started working on my new project
- Feeling a bit down but I am still pushing through
- Need to time-block my days to become the most productive
Keep Grinding
Happy Coding!
- Took a day to organise and plan my life a bit better in Notion
- Started working on my new project
- Feeling a bit down but I am still pushing through
- Need to time-block my days to become the most productive
Keep Grinding
Happy Coding!
December 3, 2024 at 9:51 AM
Day 24 of 30NitesOfCode
- Took a day to organise and plan my life a bit better in Notion
- Started working on my new project
- Feeling a bit down but I am still pushing through
- Need to time-block my days to become the most productive
Keep Grinding
Happy Coding!
- Took a day to organise and plan my life a bit better in Notion
- Started working on my new project
- Feeling a bit down but I am still pushing through
- Need to time-block my days to become the most productive
Keep Grinding
Happy Coding!
Day 23 of 30NitesOfCode
- Set up my notion with Teamspaces, so much better organisation
- Attempted Auth setup for my Prod. app, got that to work fine but then tasks wouldn't go per user.
- Putting up Christmas decorations today!
- Did a frontend mentor challenge
Happy Coding!
- Set up my notion with Teamspaces, so much better organisation
- Attempted Auth setup for my Prod. app, got that to work fine but then tasks wouldn't go per user.
- Putting up Christmas decorations today!
- Did a frontend mentor challenge
Happy Coding!
December 2, 2024 at 9:52 AM
Day 23 of 30NitesOfCode
- Set up my notion with Teamspaces, so much better organisation
- Attempted Auth setup for my Prod. app, got that to work fine but then tasks wouldn't go per user.
- Putting up Christmas decorations today!
- Did a frontend mentor challenge
Happy Coding!
- Set up my notion with Teamspaces, so much better organisation
- Attempted Auth setup for my Prod. app, got that to work fine but then tasks wouldn't go per user.
- Putting up Christmas decorations today!
- Did a frontend mentor challenge
Happy Coding!
Day 22 of 30NitesOfCode
- No coding today, took a day off
- Christmas shopping w/ the Wife
- Read more Atomic Habits
- And maybe researching designs and inspo for creating the site in figma
Always take a break if you feel you're running low
Happy Coding!
- No coding today, took a day off
- Christmas shopping w/ the Wife
- Read more Atomic Habits
- And maybe researching designs and inspo for creating the site in figma
Always take a break if you feel you're running low
Happy Coding!
December 1, 2024 at 9:29 AM
Day 22 of 30NitesOfCode
- No coding today, took a day off
- Christmas shopping w/ the Wife
- Read more Atomic Habits
- And maybe researching designs and inspo for creating the site in figma
Always take a break if you feel you're running low
Happy Coding!
- No coding today, took a day off
- Christmas shopping w/ the Wife
- Read more Atomic Habits
- And maybe researching designs and inspo for creating the site in figma
Always take a break if you feel you're running low
Happy Coding!
Day 21 of 30NitesOfCode
- Worked on my productivity app
- Set up flawlessly the frontend and backend
- Using postgreSQL over MongoDB
- Still working on styling, will go to figma for that
- CRUD is fully functional
A good day for me!
Happy Coding!
- Worked on my productivity app
- Set up flawlessly the frontend and backend
- Using postgreSQL over MongoDB
- Still working on styling, will go to figma for that
- CRUD is fully functional
A good day for me!
Happy Coding!
November 30, 2024 at 9:09 AM
Day 21 of 30NitesOfCode
- Worked on my productivity app
- Set up flawlessly the frontend and backend
- Using postgreSQL over MongoDB
- Still working on styling, will go to figma for that
- CRUD is fully functional
A good day for me!
Happy Coding!
- Worked on my productivity app
- Set up flawlessly the frontend and backend
- Using postgreSQL over MongoDB
- Still working on styling, will go to figma for that
- CRUD is fully functional
A good day for me!
Happy Coding!
Hello!
I'm from the other app.
I'm a junior software engineer/web developer
I am obsessed with productivity
I make @notion.com templates
I am developing a productivity app, combining all the best ones' features
I post a daily dev log, I am 17 days in
I am currently mastering React
Happy Coding!
I'm from the other app.
I'm a junior software engineer/web developer
I am obsessed with productivity
I make @notion.com templates
I am developing a productivity app, combining all the best ones' features
I post a daily dev log, I am 17 days in
I am currently mastering React
Happy Coding!
November 26, 2024 at 4:07 PM
Hello!
I'm from the other app.
I'm a junior software engineer/web developer
I am obsessed with productivity
I make @notion.com templates
I am developing a productivity app, combining all the best ones' features
I post a daily dev log, I am 17 days in
I am currently mastering React
Happy Coding!
I'm from the other app.
I'm a junior software engineer/web developer
I am obsessed with productivity
I make @notion.com templates
I am developing a productivity app, combining all the best ones' features
I post a daily dev log, I am 17 days in
I am currently mastering React
Happy Coding!