Advertise with Us|Sign Up to the Newsletter

Add file uploads and retrieval in minutes so you can focus on building your app — because you’ve got better things to code than infrastructure.

WebDevPro #73:Open-source AI repositories, Important React Hooks, Chrome Extensions, New Features in CSS, FlowTracker, Learn Git Branching.

Hi ,

Welcome to the web app development world with the 73rd 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, Soring.

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

Grow, Make a Difference, and Win! Participate in the Latest Developer Nation Survey!

What changed in the way you code for 2024? What has happened in the tech world in the last months? Take this shorter version of the Developer Nation survey, learn about new tools, influence the future of development and share your insights with the world!

Fellow Dev Discussions on the Internet.

14 Case Studies: Master System Design in a Month - Are you looking tomaster system designin record time? The fastest way to accelerate your learning is by studying real-world architectures of companies that handle massive scale and complexity. We've curated 14 essential case studies that reveal the secrets behind some of the world's most efficient and scalable systems. Dive in, and in just one month—or even less—you'll significantly elevate your system design prowess.

8 must-know open-source repositories to build cool AI apps - As someone building AI apps, I see a massive spike in user interest, and this is undoubtedly the best time to master building AI apps. So, I have compiled a list of 8 open-source repositories you can use now to build robust AI systems.

Mastering React: A Guide to the Most Important React Hooks - React Hooks were added to React in version 16.8, and they’ve completely changed the way we write React apps. Before hooks, we had to use class components to manage state and lifecycle methods, which could make our code complicated, especially in larger apps. Hooks allow us to use functional components to handle things like state, side effects, and performance optimization more easily.

21 Chrome Extensions to Boost Your Productivity - As software developers, we always seek ways to make our jobs easier and improve productivity. Chrome extensions are very useful tools when it comes to increasing efficiency and boosting the productivity. In this blog post, I will share some of the best developer Chrome extensions.

11 New Features and Functions Arriving in CSS - On September 13, 2024, the CSS Working Group released thefirst Public Working Draft for the CSS Values and Units Module Level 5. It is an extension of theprevious levelthat includes some interesting additions. Things that were unimaginable not so long ago are making their way into the specs: random values, using attributes as values in any property, being able to use the order in calculations... It looks promising. Many of these features have a common denominator: they simplify the CSS code. This blog lists all the new changes.

Check this space for new repos, projects and tools each week! This week we bring you a collection of Tailwind UI Libraries, Components & Templates:

📚 Tailkits- Curated Tailwind CSS components, templates, UI kits, resources, tools & more.

📚STDF- Mobile web component library based on Svelte and Tailwind CSS.

📚TWC - Lightweight library to create reusable React + Tailwind CSS components.

📚Tremor- React library to build charts and dashboards with Tailwind CSS.

📚Preline UI- Open-source Tailwind CSS components library for any needs.

🧩TailBlocks- 60+ different ready to use Tailwind CSS blocks.

🧩Tailwind Components- Community-driven Tailwind CSS component repository.

Mastering PyTorch

Building Production-Grade Web Applications with Supabase

Mastering Python Design Patterns

Random curious musings and interesting words about Web Dev on the Internet.

Warning: macOS Sequoia 15 may bypass DNS encryption - While investigating a DNS-related issue on macOS 15 Sequoia, we discovered that some DNS requests—particularly those made via certain low-level legacy APIs—were not being received by our proxy! There appears to be a bug in macOS Sequoia causingsomerequests to bypass the installed DNS proxy and be sent unencrypted to the system’s default name server instead.

FlowTracker - Track data flowing through Java programs, gain new understanding at a glimpse. FlowTracker is a Java agent that tracks how a program reads, manipulates, and writes data. By watching a program run, it can show what file and network I/O happened, but more importantly connecting its inputs and outputs to show where its output came from. This helps you understand what any Java program's output means and why it wrote it.

Learn Git Branching - Interested in learning Git? Well, you've come to the right place! "Learn Git Branching" is the most visual and interactive way to learn Git on the web; you'll be challenged with exciting levels, given step-by-step demonstrations of powerful features, and maybe even have a bit of fun along the way.

Adze: Universal Logging for Modern JavaScript - Modern JavaScript frameworks likeNextJS,NuxtJS, andSvelteKitcombine your "back-end" and "front-end" code in the same location.Adze is universalwhich means it can be executed on theserver side or the browser sidewithout any extra considerations. Use it anywhere!

Ban warnings fly as users dare to probe the “thoughts” of OpenAI’s latest model - OpenAI truly does not want you to know what its latest AI model is "thinking." Since the companylaunchedits "Strawberry" AI model family last week, touting so-called reasoning abilities with o1-preview and o1-mini, OpenAI has been sending out warning emails and threats of bans to any user who tries to probe how the model works.

An excerpt from 'Django 5 by Example'By Antonio Melé

Creating templates for the comment form

We will create a template for the comment form that we will use in two places:

In the post detail template associated with thepost_detailview to let users publish comments.

In the post comment template associated with thepost_commentview to display the form again if there are any form errors.

We will create the form template and use the{% include %}template tag to include it in the two other templates.

In thetemplates/blog/post/directory, create a newincludes/directory. Add a new file inside this directory and name itcomment_form.html.

The file structure should look as follows:

templates/

blog/

post/

includes/

comment_form.html

detail.html

list.html

share.html

Edit the newblog/post/includes/comment_form.htmltemplate and add the following code:

<h2>Add a new comment</h2>

<form action="{% url "blog:post_comment" post.id %}" method="post">

{{ form.as_p }}

{% csrf_token %}

<p><input type="submit" value="Add comment"></p>

</form>

In this template, we build theactionURL of the HTML<form>element dynamically using the{% url %}template tag. We build the URL of thepost_commentview that will process the form. We display the form rendered in paragraphs and we include{% csrf_token %}for CSRF protection because this form will be submitted with thePOSTmethod.

Your dose of the latest releases, news and happenings in the Web Development industry!

Laravel

Fetch PHP is a Lightweight HTTP Library Inspired by JavaScript's fetch()nk - Fetch PHPis a lightweight HTTP library inspired by JavaScript's fetch, bringing simplicity and flexibility to PHP HTTP requests. It uses the Guzzle client behind the scenes, offering synchronous and asynchronous requests with an easy-to-use API.

Validate Console Command Input With the Command Validator Package - The Command Validator package byAndrea Marco Sartorimakes validating the input of console commands a cinch using Laravel's beloved Validator. All the Laravel Validator rules you know and love work with this package, along with any custom validation rules. This package integrates with your application's console commands using the providedValidatesInputtrait, which includes an abstractrules()method.

Laravel 11.24 Released - The Laravel team released v11.24 this week, with new shorthands for Process fakes, anullOnUpdate()method for foreign key definitions, support for retrying multiple batch IDs when retrying jobs, and more. A quick note that as of the time of writing, auto-discovery of console commands in theapp/Console/Commandspath was broken in v11.24.0. This issue was quickly patched inv11.24.1.

Ruby on Rails

Rails World 2024 is next week
Safe travels to everyone heading to Toronto! All sessions will be recorded and published on theRails YouTube channel, so subscribe to get notified.

[RF Guides] Active Record Validations
The Foundation is still hard at work on updating the guides, this time they have made a pass through the Active Record Validations guide. Give it a look and help them spot any issues!

Add ability to use multiple rate limits per controller
With this PR, you can now add multiplerate_limitdefinitions in your controller.

Remove Sucker Punch Active Job adapter
Sucker Punch existed before ActiveJob, but ultimately uses similar code to the async adapter under the covers. This adapter will be removed in a future release of Rails.

Do not include redis by default in dev container
In Rails 8, newly generated apps will use the Solid gems by default, which do not depend on Redis.

Add if_not_exists option to add_enum_value
This PR adds support to use the PostgreSQL optionIF NOT EXISTSwhen adding enum values viaadd_enum_value.

Include options when instrumenting ActiveSupport::Cache::Store delete
Nowcache_delete.active_supportandcache_delete_multi.active_supportevents will include the options passed to the delete method.

Spring

Spring Shell 3.2.8, 3.3.3 and 3.4.0-M2 are now available - Spring Shell3.2.8,3.3.3and3.4.0-M2has been released and are now available from Maven Central andMilestone Reporespectively.

Spring Modulith 1.3 M3, 1.2.4, and 1.1.9 released - Spring Modulith 1.3 M3, 1.2.4, and 1.1.9 is here. While the latter two ship the usual bugfixes and service release bugfix upgrades, I am particularly delighted about the milestone releases as it contains two major community contributions.

Spring Boot 3.4.0-M3 available now - Spring Boot3.4.0-M3has been released and is now available fromhttps://repo.spring.io/milestone. This release includes111 enhancements, documentation improvements, dependency upgrades, and bug fixes.

And that’s a wrap.

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!