The newline Guide to Full Stack Comments with Hasura and React
Build and implement a comprehensive commenting system for your website using Hasura and React. We’ll use the commenting feature to teach technology concepts like Hasura with appropriate authorization, optimistic updates for a more responsive UI, pagination, and publication of library in NPM.
- 4.0 / 5 (1 ratings)
- Published
- Updated
1 hr 10 mins
13 Videos
01Remote
You can take the course from anywhere in the world, as long as you have a computer and an internet connection.
02Self-Paced
Learn at your own pace, whenever it's convenient for you. With no rigid schedule to worry about, you can take the course on your own terms.
03Community
Join a vibrant community of other students who are also learning with The newline Guide to Full Stack Comments with Hasura and React. Ask questions, get feedback and collaborate with others to take your skills to the next level.
04Structured
Learn in a cohesive fashion that's easy to follow. With a clear progression from basic principles to advanced techniques, you'll grow stronger and more skilled with each module.
Building GraphQL APIs with Hasura
Database modeling with PostgresSQL
How to implement a custom React hook
Optimistic updates for responsive UI
Implementing pagination and optimistic updates
Building comments UI with Tailwind
Importance of tests, and how to test React components
How to publish a library to NPM
The newline Guide to Full Stack Comments with Hasura and React
Build and implement a comprehensive commenting system for your website using Hasura and React. We’ll use the commenting feature to teach technology concepts like Hasura with appropriate authorization, optimistic updates for a more responsive UI, pagination, and publication of library in NPM.
Why this course
Many developers would like to add a comments section to their website or blog for users to post comments or hold discussions. While it's possible to use existing hosted solutions such as Disqus or Facebook Comments, they often charge a fee and impose their UI leaving little to no control for modifications or customization.
Another option is to build your own from scratch — which is what we'll do in this course. We’ll use Hasura, which generates GraphQL API from a database so that the backend part is as easy and the least time-consuming as possible. Along the way, we’re going to learn about databases, GraphQL, building UI components with React and TypeScript, and more. By the end of this course, you’ll have a commenting system added to a website we’ve called, Why comments?, with all comments stored by Hasura. We'll also publish the fetching and adding comments logic as a library to NPM.
This course focuses on building a commenting widget, however, the skills you’ll acquire will allow you to build any fullstack widget you can think up for your application. You’ll be able to contribute to fullstack React, GraphQL, and Hasura projects at work, in open source, or your own projects. You'll discover that this stack not only eliminates the need for having large teams of backend developers, but it lets your projects move faster.
Your Instructors
Hi, I'm Aleksandra, and I'm your instructor for this course. I’m the former tech lead of Hasura console and lead maintainer of Bliz.js. This course combines my knowledge in a few areas such as TypeScript, React, Hasura, GraphQL, and general application development.
Our students work at
Course Syllabus and Content
Storing comments with Hasura
3 Lessons 25 Minutes
- Sneak Peek00:09:21
- Sneak Peek00:10:35
- Sneak Peek00:06:03
Implementing a comments system
4 Lessons 24 Minutes
- Sneak Peek00:04:56
- Sneak Peek00:09:32
- Sneak Peek00:05:43
- Sneak Peek00:03:51
Extending the comments system functionality
2 Lessons 7 Minutes
- Sneak Peek00:03:16
- Sneak Peek00:04:18
Bonus
2 Lessons 6 Minutes
- Sneak Peek00:03:55
- Sneak Peek00:02:52
Subscribe for a Free Lesson
By subscribing to the newline newsletter, you will also receive weekly, hands-on tutorials and updates on upcoming courses in your inbox.
What Students are Saying
Meet the Course Instructor
Purchase the course today
One-Time Purchase
The newline Guide to Full Stack Comments with Hasura and React
- Discord Community Access
- Full Transcripts
- Money Back Guarantee
- Lifetime Access
newline Pro Subscription
$18/MO
Get unlimited access to the course, plus 60+ newline books, guides and courses. Learn More
Billed annually or $30/mo billed monthly. Free to cancel anytime.
- Discord Community Access
- Full Transcripts
- Money Back Guarantee
- Lifetime Access
Plus:
- Unlimited access to 60+ newline Books, Guides and Courses
- Interactive, Live Project Demos for Every newline Book, Guide and Course
- Complete Project Source Code for Every newline Book, Guide and Course
- Best Value 🏆
Frequently Asked Questions
Who is this course for?
This course is for React developers who want to learn how to add fullstack components to their websites.
Are there any prerequisites?
Yes. This course assumes a basic React knowledge — you should know what a React component is and be reasonably confident in implementing one. You should also be familiar with useState, and useEffect React hooks.
What if I need help?
You can ask us questions through the commenting section in the course, or anytime through the community Discord channel #fullstack-comments-with-hasura or by sending us a direct message.
