Learn React by Building Hacker News by SolidSail

Learn React by Building Hacker News

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.

Released April 15, 2020.

Join 4,246 students on SolidSail.
Get Access with SolidSail Membership

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.
See Demo

What's included...

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

I'm wondering...

How long will I have access to the course?

SolidSail Membership gives you access to all of our courses as long as you are a member.
You can also purchase the individual course, in which case you'll be given lifetime access to it, regardless of future updates to the class.

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!

Learn React by Building Hacker News


Want lifetime access to just this course? You can purchase lifetime access with our one-time fee or with our 3-month payment plan.