WebDevPro #16: Top 5 full-stack JS frameworks, Delivery chatbot with React, ChatGPT and TypeChat, Django Caching 101, Chrome Extensions
Hi,
Welcome to the _webdevpro! We start with community discussions on Top 5 full-stack JS frameworks, Delivery chatbot with React, ChatGPT and TypeChat, Django Caching 101, and Chrome Extensions of the Month.
In our tutorial, we cover Creating Django models and migrations from the book Web Development with Django - Second Edition to boost your Web development game. Don't miss our repository of ChatGPT resources - a weekly module covering trending ChatGPT tools. We also bring you the latest in Web Dev, with releases from BootStrap, Laravel, Spring and Microsoft to help you keep up to date!
We have listened to the _webdevpro readership and we think this is something you have been searching for. If you liked this installment in our new series, fill in our survey below and win a free Packt credit. We're committed to bringing our readers exactly what they want, so help us make the right choices.
Take the Feedback Survey and Get Free Packt Credit!
Thanks,
Apurva Kadam
Editor-in-Chief, Packt
Five Free Days of Packt Books and Videos!
Access thousands of titles covering the latest in tech, programming languages, machine learning, LLMs, and more. Our constantly expanding library provides endless opportunities for professional growth and curious exploration.
Visit our platform, browse, and watch out this space for next announcement to get access to our full catalogue for free.
Web Dev Community Insights
Building a coffee delivery chatbot with React, ChatGPT and TypeChat - In this article you will learn how to build a coffee delivery service in React and NodeJS, using a new AI-based library TypeChat. You will read about TypeChat features, how to build the UI and can replicate this for any other type of online delivery. The entire codebase of this article on Github if you want to check it out. Learn how to build you own chatbot here.
Top 5 full-stack JS frameworks in 2023 - In this post, we'll explore five of the top full-stack JavaScript frameworks of 2023 that every developer should consider for their next project - RedwoodJS, Wasp, T3 stack, MeteorJS, and the evergreen MERN Stack. Depending on your requirements, picking the right one could mean the difference between seamless coding experience and a daunting development chore. Which one will you pick?
Django Caching 101 - Caching, the process of storing frequently accessed data in a temporary storage layer, can significantly boost the performance of your Django application by reducing database queries, network round trips, and overall processing time. This article will walk you through the fundamentals, strategies, and best practices of caching in Django. Explore now.
Building a Contacts Management System with NextJS, Supabase, and Flatfile - This tutorial teaches you how to build a contacts management system where you can add all your contacts from different resources from any type/size of file, edit them inline dynamically - like an Excel sheet and get live updates when somebody else changes the worksheet. Check it out!
Chrome Extensions of the Month: July 2023 - Here is a fresh list of essential extensions that can greatly enhance your productivity. These tools have proven to be invaluable for many users, and I believe they will be just as beneficial for you. So, without any more delay, let's dive right in and explore these fantastic extensions. Try the best Chrome extensions!
How to Build and Deploy a Modern-day Next.js Application - Next.js, Auth.js, Databases, GraphQL, Docker, and Preevy will all be covered in this guide. This article aims to create a simple application and then demonstrate the relationship between the tools. With this knowledge, you will be able to see how straightforward it is to deploy your Next.js applications online regardless of how basic or complex the codebase is. Build your first web app today!
Web Development Motivation
"Web development is the art of creating something out of nothing, where once there was only the blank canvas of a browser window. It is a marriage of imagination and technology, resulting in the manifestation of ideas that can be experienced, explored, and shared by people all over the world."
- Jeffrey Zeldman, founder, A List Apart
Food for Thought...
Jeffrey Zeldman is a highly influential figure in the web development industry and is the founder of A List Apart, a seminal online magazine for web developers. He has contributed significantly to web standards and accessibility, making him a respected voice in the community. He emphasizes the fusion of imagination and technical prowess in crafting interactive web journeys.
WebDev GitHub Resources
ChatGPT is still trending and the resources and tools to make the most out of this LLM are just getting better with every passing day! So starting today, WebDevPro will highlight ChatGPT resources through a week-on-week ChatGPT series. Here is the first bunch of resources featuring web apps:
ShareGPT - Share permanent links to ChatGPT conversations.
Anse - Alternative ChatGPT web UI.
chatbot-ui - Alternative ChatGPT web UI.
ChatGPT Next Web - Alternative ChatGPT web UI.
roomGPT - Generate your dream room.
DocsGPT - Documentation assistant.
promptsandbox - Visual programming tool for experimenting with ChatGPT.
Adrenaline - Talk to your codebase.
DeepWrite AI - Blog post generator.
Chat with GPT - Open-source ChatGPT web app with a voice.
FastChat - An open platform for training, serving, and evaluating large language model based chatbots.
kindle-gpt - Search and chat on your Kindle highlights.
eslint-gpt - Generate ESLint rules from example code.
chatgpt-i18n - Localize your websites.
Tell us what you think!
We're always looking for ways to improve, and your feedback is invaluable to us. Would you take a few minutes to share your thoughts about the newsletter? Your responses will help us make the newsletter even better.
Register your interest in providing feedback, complete a questionnaire and receive a free credit in your Packt account!
Interested in Giving Us Feedback?
Web Development Tutorial
Creating Django Models and Migrations
A Django model is essentially a Python class that holds the blueprint for creating a table in a database. The models.py file can have many such models, and each model is transformed into a database table. The attributes of the class form the fields and relationships of the database table as per the model definitions.
For our reviews application, we need to create the following models and their database tables consequently:
Book: This should store information about booksContributor: This should store information about the person(s) who contributed to writing the book, such as the author, co-author, or editorPublisher: As the name implies, this refers to the book publisherReview: This should store all the book reviews written by the users of the application
Every book in our application will need to have a publisher, so let’s create Publisher as our first model. Enter the following code in reviews/models.py:
from django.db import models
class Publisher(models.Model):
"""A company that publishes books."""
name = models.CharField(
max_length=50,
help_text="The name of the Publisher.")
website = models.URLField(
help_text="The Publisher's website.")
email = models.EmailField(
help_text="The Publisher's email address.")You can take a look at the complete models.py file for ...read more.
What's Happening in Web Dev?
BootStrap
Bootstrap 5.3.1 - Bootstrap v5.3.1 is here with bug fixes, documentation improvements, and more follow-up enhancements for color modes. Keep reading for the highlights!
Laravel
Laravel 10.16 Released - This week, the Laravel team released v10.16 with support for BackedEnum in the Collection groupBy method, improvements to the schedule:list output for sub-minute tasks, allow binding of IPv6 addresses in artisan serve, and more.
A look at what's coming to Laravel 11 - Laravel 11 is not scheduled to be released until the end of the year, but some new features have been shared out, and Taylor goes through some big new improvements in his Laracon keynote. Watch the video here.
Spring
Spring Shell 2.1.12, 3.0.7 and 3.1.3 are now available - Spring Shell 2.1.12, 3.0.7 and 3.1.3 has been released and are now available from Maven Central. Please see the release notes 2.1.12, release notes 3.0.7 and release notes 3.1.3 for more details.
Microsoft
Java on Visual Studio Code – July 2023 - In this blog we are going to provide you an exciting update about the improved decompiler functionality. Additionally, we are going to do a deep-dive into our code completion. Let’s get started!
See you next week!