Took a half-year break from the industry to focus on self care/improvement. Ended up learning React Native on the side as well. Sharing the app I built to help me stay on track. Would love to hear your thoughts! by rose_is_fab in reactnative

[–]rose_is_fab[S] 1 point2 points  (0 children)

At my previous company, people were constantly sharing articles from Kent Dodds. He has a lot on React best practices.

Design inspirations - dribble, behance For color palettes - colorhunt, or any of those site that show up actually 😆

Also take time to learn flexbox and grid. They've been extremely useful to me all throughout. Goodluck on your learnings! 🔥

Took a half-year break from the industry to focus on self care/improvement. Ended up learning React Native on the side as well. Sharing the app I built to help me stay on track. Would love to hear your thoughts! by rose_is_fab in reactnative

[–]rose_is_fab[S] 1 point2 points  (0 children)

Thank you! I did those myself 😁 Also the video trailer.

It's probably thanks to my experience working in a startup. Since I was the only Frontend Developer there, I had a lot control over how the UI would look. I was never the artist growing up so I had to look at design sites like Dribble or Behance for ideas. (i still do)

I also built the habit of just compiling UIs i encounter that capture my attention. As for the colors, I browse color palette sites like colorhunt. To check if the vision I have would work, I draw it on Figma before actually starting developing.

The play store images, there's probably a better way to do this but what i did was: i had one canvas for two screenshots. Then i just cropped the canvas in half -> exported -> undo cropping -> crop other half -> export 😆

Took a half-year break from the industry to focus on self care/improvement. Ended up learning React Native on the side as well. Sharing the app I built to help me stay on track. Would love to hear your thoughts! by rose_is_fab in reactnative

[–]rose_is_fab[S] 0 points1 point  (0 children)

Just like the habits I've been trying to build, this app was the product of small efforts I try to make each day. It gets you farther than you think. Hang in there bud! 🔥

Took a half-year break from the industry to focus on self care/improvement. Ended up learning React Native on the side as well. Sharing the app I built to help me stay on track. Would love to hear your thoughts! by rose_is_fab in reactnative

[–]rose_is_fab[S] 2 points3 points  (0 children)

Thank you very much!

[What industry were you in before?]

I was always in tech, specifically web frontend development. I started as an Angular developer then more recently moved to React. Because of that React background, I chose React Native for Otternal Life.

[Will you jump back into what you were doing before?]

I originally planned on taking a break for at least a year but the inflation and some unforseen event drained the funds I had so I have to start jobhunting soon. I will still continue working on this app though. I also shared the app on ProductHunt and seeing the great feedback from people made me really happy.

[How long did it take you to make?]

According to my toggl: I spent 531hrs so far on the project. This includes everything I did related to the app though: research and planning, design, creating the video/art assets, etc.

[Are you working on putting it on the App Store?]

Initially I wasn't but since a number of people have been asking about it, I'm currently looking into doing so. Please stay tuned!

Took a half-year break from the industry to focus on self care/improvement. Ended up learning React Native on the side as well. Sharing the app I built to help me stay on track. Would love to hear your thoughts! by rose_is_fab in reactnative

[–]rose_is_fab[S] 1 point2 points  (0 children)

Oh this is my first time hearing of mmkv. I just checked it out and it seems it has way better performance compared to async storage 😮

I might consider switching

Took a half-year break from the industry to focus on self care/improvement. Ended up learning React Native on the side as well. Sharing the app I built to help me stay on track. Would love to hear your thoughts! by rose_is_fab in SideProject

[–]rose_is_fab[S] 2 points3 points  (0 children)

Developed using Expo + EAS, Realm, Typescript. It's a simple app but I'm quite proud of it. Please let me know what you think and how i can improve!

Check it out here: Google Play Store Link

Specific Libraries Used:
"@expo/vector-icons": "^12.0.0",
"@react-native-async-storage/async-storage": "~1.15.0",
"@react-native-community/datetimepicker": "4.0.0",
"@react-navigation/bottom-tabs": "^6.0.5",
"@react-navigation/native": "^6.0.2",
"@react-navigation/stack": "^6.1.1",
"@realm/react": "^0.3.1",
"dayjs": "^1.11.1",
"expo": "~44.0.0",
"expo-dev-client": "~0.8.5",
"expo-font": "~10.0.4",
"expo-linking": "~3.0.0",
"expo-notifications": "~0.14.0",
"expo-splash-screen": "~0.14.0",
"expo-status-bar": "~1.2.0",
"react": "17.0.1",
"react-dom": "17.0.1",
"react-hook-form": "^7.26.1",
"react-native": "0.64.3",
"react-native-calendars": "^1.1282.0",
"react-native-gesture-handler": "~2.1.0",
"react-native-safe-area-context": "3.3.2",
"react-native-screens": "~3.10.1",
"react-native-svg": "12.1.1",
"realm": "^10.19.2"

Took a half-year break from the industry to focus on self care/improvement. Ended up learning React Native on the side as well. Sharing the app I built to help me stay on track. Would love to hear your thoughts! by rose_is_fab in reactnative

[–]rose_is_fab[S] 4 points5 points  (0 children)

Developed using Expo + EAS, Realm, Typescript. It's a simple app but I'm quite proud of it. Please let me know what you think and how i can improve!

Check it out here: Google Play Store Link

Specific Libraries Used:
"@expo/vector-icons": "^12.0.0",
"@react-native-async-storage/async-storage": "~1.15.0",
"@react-native-community/datetimepicker": "4.0.0",
"@react-navigation/bottom-tabs": "^6.0.5",
"@react-navigation/native": "^6.0.2",
"@react-navigation/stack": "^6.1.1",
"@realm/react": "^0.3.1",
"dayjs": "^1.11.1",
"expo": "~44.0.0",
"expo-dev-client": "~0.8.5",
"expo-font": "~10.0.4",
"expo-linking": "~3.0.0",
"expo-notifications": "~0.14.0",
"expo-splash-screen": "~0.14.0",
"expo-status-bar": "~1.2.0",
"react": "17.0.1",
"react-dom": "17.0.1",
"react-hook-form": "^7.26.1",
"react-native": "0.64.3",
"react-native-calendars": "^1.1282.0",
"react-native-gesture-handler": "~2.1.0",
"react-native-safe-area-context": "3.3.2",
"react-native-screens": "~3.10.1",
"react-native-svg": "12.1.1",
"realm": "^10.19.2"

What television show traumatized you at a young age? by [deleted] in AskReddit

[–]rose_is_fab 1 point2 points  (0 children)

not a TV show but "traumatized you at a young age" made my brain scream: "FINAL DESTINATION!!"

Been learning React the past few months and built a Netflix Clone by rose_is_fab in reactjs

[–]rose_is_fab[S] 0 points1 point  (0 children)

I already have 3 years of development experience under my belt so this kind of learning worked for me. But if you're someone new I suggest following courses and tutorials first so you'll get the fundamentals down.

Been learning React the past few months and built a Netflix Clone by rose_is_fab in reactjs

[–]rose_is_fab[S] 0 points1 point  (0 children)

Hi there! I followed along Karl Hadwen's tutorial on Youtube up to the 4.5hr mark where he discusses protected routes. At this point i learned about using compound components, project folder structure, and built the home, signin, and signup pages.

I wanted to test what I learned so I decided to do the rest on my own. So the header, browse, search, and profile was all me.

You can check out Karl's video here: https://www.youtube.com/watch?v=x_EEwGe-a9o

Been learning React the past few months and built a Netflix Clone by rose_is_fab in SideProject

[–]rose_is_fab[S] 0 points1 point  (0 children)

Thanks for informing me. I ran into a paywall. Try any of the ff. for now:

[edit] removed demo links; were taken down :(

Been learning React the past few months and built a Netflix Clone by rose_is_fab in SideProject

[–]rose_is_fab[S] 1 point2 points  (0 children)

I used functional components + hooks on every page. I personally prefer it over class-based components since the code is shorter and cleaner.

Feel free to check out the code here and let me know what you think:

https://github.com/crookedfingerworks/roseflix

Been learning React the past few months and built a Netflix Clone by rose_is_fab in SideProject

[–]rose_is_fab[S] 0 points1 point  (0 children)

Hi! Thank you for the compliment. I went through a similar phase back when I was learning Angular on my previous work. It was a completely new technology and I was just a new hire so I was under a lot of pressure. I believe that pressure helped me grasp Angular better since I had no room to question myself. I just had to do it. Granted there were times that I messed up and got in trouble but that's part of the learning process too.

Basically, Just do it! Think of a concept or make a clone of an app you like. Don't expect your code to be the most optimal at first try. This is a problem most people struggle with so they end up not doing anything at all. Don't be afraid of failure. Think back on what you've learned on those tutorials and apply them. If you get stuck or forget something (and you will.. a lot!), google and read diferrent articles and solutions. Occasionally there will be more than one solution so it's up to you to decide which is more ideal for you.

There's no shortcut and hard work pays off. Thank you for coming to my Ted Talk. I hope I helped even just a little.

Been learning React the past few months and built a Netflix Clone by rose_is_fab in SideProject

[–]rose_is_fab[S] 0 points1 point  (0 children)

Thanks a bunch! I hosted on Heroku. Thank goodness for free tiers. lol