





















































Snyk is thrilled to announce DevSecCon 2024, Developing AI Trust Oct 8-9, a FREE virtual summit designed for DevOps, developer and security pros of all levels. Join Roman Lavrik from Deloitte, among many others, and learn some presciptive DevSecOps methods for AI-powered development.
WebDevPro #72: Open-Source Python Projects, VS Code Extensions, React Mindset, macOS Sequoia is available, Notes on OpenAI’s new o1 chain-of-thought models.
Hi ,
Welcome to the web app development world with the 72nd edition of _webdevpro!
In this edition we cover web development community discussions on:
Don't miss our repository of manually curated collection of Tailwind CSS resources for web developers.
In our relatively new section captures internet jibber-jabber about the mobile ecosystem:
Today's news covers Laravel, Ruby on Rails, Swift and Vue.
P.S.: If you have any suggestions or feedback, or would like us to feature your project on a particular subject, please write to us. Just respond to this email!
If you liked this installment, fill in our survey below and win a free Packt PDF.
Thanks,
Apurva Kadam
Editor-in-Chief, Packt
What are Web developers discussing? What are the latest tips and tricks? Shortcuts and experiments? Cool tutorials? Releases and updates? Find it all out here.
11 Open-Source Python Projects You Should Know in 2024 - Python is one of the easiest programming languages, and it can be used in almost every technical field — whether it's data science, automation, IoT, AI, machine learning, or web development. And the most interesting part of Python is that it’s100% open-source, which makes it even more powerful and dynamic. Yet, most developers overlook Python when building their web applications which limits its potential. In this article, I've covered 11 open-source Python projects that every web developer should keep an eye on.
50 Must-Know VS Code Extensions for Faster Development - Are you spending more time tweaking your code than writing it? Do you feel like your VS Code setup could use some superhero-level upgrades? Well, buckle up, because we’re about to zoom through the50 must-know VS Code extensionsthat will skyrocket your productivity and help you code like a pro! Whether you're coding for fun or trying to meet that impossible deadline these extensions are here to make your life easier.
Why React Won the Front-End Race - React, the king of front-end frameworks—or should I say "libraries," since React purists will remind you every 10 minutes that it’snota framework. But let's not get caught up in the technicalities. If you're doing any serious front-end development in 2024 and you're not using React, then congratulations, you're a hipster. But for the rest of us mere mortals, React has emerged as the undeniable winner of the front-end race, and here’s why you should love it.
13 top open-source tools to ship your apps faster - I have worked with many successful developers from different pre-seed and seed-stage companies. And they all had three reasons for their product's success: Ship fast, get customer feedback, and iterate faster. With that in mind, here is a curated a list of open-source tools you can use to build your products faster.
React Mindset: How New React Developers Should Think - React, a popular JavaScript library for building user interfaces, has revolutionized front-end development by enabling developers to create reusable components and manage complex UIs efficiently. However, adopting the right mindset is crucial for new developers to navigate React's unique paradigms. Let’s explore the essential principles and strategies that shape the "React mindset."
Svelte Headless UI- Unofficial Svelte port of Headless UI.
Xtend UI- Tailwind CSS components with advanced interactions and animations.
Headless UI Float- Floating UI integration for Headless UI.
Vanilla Components- Set of fully customizable Vue components.
Sailboat UI- Modern UI framework for Tailwind CSS.
Built At Lightspeed- Massive directory of 500+ Tailwind templates, starters and UI kits.
Statichunt- Open source directory of hand-picked free and premium Tailwind templates & Starters.
Random curious musings and interesting words about Mobile Dev on the Internet.
Scramble: Open-Source Grammarly Alternative - Scramble is an open-source Chrome extension that leverages AI to enhance your writing directly in your browser. It's designed to be a more customizable and privacy-respecting alternative to Grammarly.
Apple Mobile Processors Are Now Made in America. By TSMC - TSMC’s first Arizona chips are now in production, and Apple is ready to be the first cab off the rank with mobile processors made using the foundry’s 5nm process. Apple’s A16 SoC, which first debuted two years ago in theiPhone 14 Pro, is currently being manufactured at Phase 1 of TSMC’s Fab 21 in Arizona in small, but significant, numbers, my sources tell me. Volume will ramp up considerably when the second stage of the Phase 1 fab is completed and production is underway, putting the Arizona project on track to hit itstarget for production in the first-half of 2025.
Combining the Power of Python and the Flexibility of Excel - Python in Excel is now generally availablefor Windows users of Microsoft 365 Business and Enterprise. Last August, in partnership with Anaconda,we introducedan exciting new addition to Excel by integrating Python, making it possible to seamlessly combine Python and Excel analytics within the same workbook, no setup required. Since then, we’ve brought the power of popular Python analytics libraries such as pandas, Matplotlib, and NLTK to countless Excel users.
macOS Sequoia is available, bringing iPhone Mirroring, Apple Intelligence, and more to Mac - macOS Sequoia, the latest version of the world’s most advanced desktop operating system, is available today as a free software update for Mac. macOS Sequoia brings exciting new features, including iPhone Mirroring, which expands Continuity by enabling access to and control of iPhone directly from macOS; big updates to Safari; a new Passwords app; and more. Starting next month, macOS Sequoia will introduce Apple Intelligence,1the personal intelligence system that combines the power of generative models with personal context to deliver intelligence that is incredibly useful and relevant while protecting users’ privacy and security.
Notes on OpenAI’s new o1 chain-of-thought models - OpenAIreleased two major new preview modelstoday:o1-previewando1-mini(that mini one isnot a preview)—previously rumored as having the codename “strawberry”. There’s a lot to understand about these models—they’re not as simple as the next step up from GPT-4o, instead introducing some major trade-offs in terms of cost and performance in exchange for improved “reasoning” capabilities.
An excerpt from 'Django 5 by Example'By Antonio Melé
We need to build a form to let users comment on blog posts. Remember that Django has two base classes that can be used to create forms:Form
andModelForm
. We used theForm
class to allow users to share posts by email. Now, we will useModelForm
to take advantage of the existingComment
model and build a form dynamically for it.
Edit theforms.py
file of yourblog
application and add the following lines:
from .models import Comment
class CommentForm(forms.ModelForm):
class Meta:
model = Comment
fields = ['name', 'email', 'body']
To create a form from a model, we just indicate which model to build the form for in theMeta
class of the form. Django will introspect the model and build the corresponding form dynamically.
Each model field type has a corresponding default form field type. The attributes of model fields are taken into account for form validation. By default, Django creates a form field for each field contained in the model. However, we can explicitly tell Django which fields to include in the form using thefields
attribute or define which fields to exclude using theexclude
attribute. In theCommentForm
form, we have explicitly included thename
,email
, andbody
fields. These are the only fields that will be included in the form.
Your dose of the latest releases, news and happenings in the Web Development industry!
Laravel
TemPHPest PHP Extension for VSCode - TemPHPest is an extension for Visual Studio Code to improve writing PHP in VS Code. Created by Liam Hammett, this package adds rich PHP features that will enhance the experience tremendously while writing PHP.
Chaperone, Defer, Cache::flexible, and more are now available in Laravel 11.23 - The Laravel team released v11.23 this week, with the Laracon US 2024 open-source updates likedefer(), concurrency, contextual container attritubes, and more.
Ruby on Rails
Add Solid Cable
This change starts to useSolid Cableas the default Action Cable adapter in production, configured as a separate queue database inconfig/database.yml. It keeps messages in a table and continuously polls for updates.
Deprecate Benchmark.ms and add benchmark to the gemspec
Ruby plans to makebenchmarka bundled gem. This change sets up deprecation of Rails core extension in favour of the bundled gem for future.
Deprecate unsigned_float and unsigned_decimal short-hand column methods
This change deprecatesunsigned_floatandunsigned_decimalshort-hand column methods.
As of MySQL 8.0.17, theUNSIGNEDattribute is deprecated for columns of typeFLOAT,DOUBLE, andDECIMAL. Consider using a simple CHECK constraint instead for such columns. More details can be foundhere.
Allow BroadcastLogger to pass through kwargs
Some Logger implementations may want extend the logging interface to provide optional information via keyword argument. This change enhancesBroadcastLoggerto allow the same.
Fix travel_to to set usec 0 when with_usec is false and the given argument is String or DateTime
Before this changetravel_todid not setusecto0depending on the argument (StringorDateTime). This PR fixes this behavior to make it uniform.
Fix .left_outer_joins when multiple associations have the same child
This change fixes an issue where.left_outer_joinsused with multiple associations that have the same child association but different parents does not join all parents. Previously, using.left_outer_joinswith the same child association would only join one of the parents. After this fix it now correctly joins both parents.
Swift
Announcing Swift 6 – Swift announced the general availability of Swift 6. This is a major new release that expands Swift to more platforms and domains. Many people know of Swift as a language for app development, with a million apps on the App Store. But Swift is great for more than just apps. Swift’s safety, speed, and approachability make it a great choice for many other use cases including libraries, internet-scale services, and the most performance-critical and secure code. Swift 6 scales even further through new low-level programming features, an embedded Swift language subset, expanded Linux and Windows support, new cross-platform APIs including the new Swift Testing library, and more.
Vue
Announcing Vue 3.5 - The release of Vue 3.5 "Tengen Toppa Gurren Lagann" is here! This minor release contains no breaking changes and includes both internal improvements and useful new features. We will cover some highlights in this blog post - for a full list of changes and new features, please consultthe full changelog on GitHub.