Learn React by Building a Hacker News Clone by SolidSail

Learn React by Building a Hacker News Clone


Want to learn React? The best way is to build real startups. In this course, we'll build a news app like Hacker News with React, Ionic, and Firebase.

Updated April, 2020.

One Codebase. Every Platform.

We'll start from scratch and build production-ready apps for Web, iOS, Android, Mac, and Windows. See for yourself exactly what you'll be learning to build by checking out the demo yourself.
View Demo

What's included...

Welcome
1. What We're Building.mp4
2 mins
Tooling
2. Installing Hyper.mp4
1 min
3. Installing Node.mp4
1 min
4. Installing VSCode.mp4
2 mins
5. Installing Ionic.mp4
1 min
6. Installing Firebase.mp4
1 min
7. Installing GitHub.mp4
1 min
Architecture
8. Project Start.mp4
3 mins
9. Assets and Theme.mp4
5 mins
10. Routing and Tabs.mp4
11 mins
11. Header Components.mp4
8 mins
12. Firebase Setup.mp4
4 mins
Authentication
13. Firebase Authentication.mp4
2 mins
14. Authentication Pages.mp4
10 mins
15. useForm Hook and Validators.mp4
26 mins
16. useAuth and UserContext.mp4
6 mins
17. Profile Page.mp4
8 mins
18. Edit Profile Page and Validation.mp4
14 mins
Links
19. Submit Links with Firebase Firestore.mp4
9 mins
20. Link Lists.mp4
7 mins
21. Link Item.mp4
11 mins
22. Link Pages.mp4
10 mins
Upvotes and Comments
23. Link Upvotes.mp4
3 mins
24. Link Comments.mp4
20 mins
Search
25. Search Page.mp4
8 mins
Deployment
26. Web App Deployment with Firebase Hosting.mp4
6 mins
27. iOS Deployment with Capacitor.mp4
3 mins
28. Android Deployment with Capacitor.mp4
3 mins
29. Mac and Windows Deployment with Electron and Capacitor.mp4
3 mins

I'm wondering...

How long will I have access to the course?

If you purchase the individual course, you'll have lifetime access to it, regardless of future price changes and updates to the class. Our SolidSail Unlimited membership gives you complete access as long as you are a member.

What stack are we using?

React: JavaScript library for building user interfaces
Firebase: Serverless framework that lets you automatically run backend code
Ionic: UI toolkit for building mobile and desktop apps using web technologies
Capacitor: Native SDKs on iOS, Android, Electron, and the Web with one code base

Why did you choose this stack?

We optimize for building minimum viable products (MVPs), which means we build in a way that aims for easy implementation, low maintenance, and maximum flexibility. Ionic lets us use one codebase to build across every platform and benefit from a rich set of UI components. Firebase gives us a serverless framework to help us out with an authentication, database, and storage.

What other courses do you offer?

We have upcoming courses to build different startups like Product Hunt, Reddit, Slack, Airbnb, and Uber. You can check out our storefront to see our other classes. These courses are coming soon and you can sign up to get notified about their upcoming release.

What if I have other questions?

Feel free to use the chat bubble on the page to message us directly. Or email us at admin@solidsail.com. We'll get back to you ASAP!

Image with text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.