Awes.io

10-laravel-quick-tips

Have a good holiday 😎...

How to Connect Application with Redux
This post will be helpful for React developers in integrating React applications with Redux. We will create a basic React.js project and go through integrating Redux step-by-step.

Universal WHATWG Fetch API for Node, Browsers and React Native
cross-fetch
Universal WHATWG Fetch API for , Browsers and Native. The scenario that cross-fetch really shines is when the same JavaScript codebase needs to run on different platforms.

Platform agnostic: browsers, Node or React Native
Optional polyfill: it's up to you if something is going to be added to the global object or not
Simple interface: no instantiation, no configuration and no extra dependency
WHATWG compliant: it works the same way wherever your code runs
Updated: latest version of whatwg-fetch and node-fetch used.

Why polyfill might not be a good idea?
In a word? Risk. If the spec changes in the future, it might be problematic to debug. Read more about it on sindresorhus's ponyfill page. It's up to you if you're fine with it or not.

How does cross-fetch work?
Just like isomorphic-fetch, it is just a proxy. If you're in node, it delivers you the node-fetch library, if you're in a browser or React Native, it delivers you the github's whatwg-fetch. The same strategy applies whether you're using polyfill or ponyfill.

Demo: https://jsfiddle.net/lquixada/3ypqgacp/
Source Code: https://github.com/lquixada/cross-fetch

The Laravel team released 8.37 with anonymous migration support, which solves a issue with migration class name collisions. The core of the problem is that if multiple migrations have the same class name, it'll cause issues when trying to recreate the database from scratch.

Generate Regular Expressions with Grex CLI
Understand that while the first example is technically accurate based on the input provided, you might not be providing enough sample data to build the expected regex. This example is just to illustrate how to use Grex works based on the provided input.

Grex is also a library for Rust, check out the readme for details. You can learn more about this CLI tool, get full installation instructions, and view the source code on GitHub.

How much would it cost to build a social media app like Facebook or Twitter?
Social media is a computer-based technology that facilitates the sharing of ideas and information and the building of virtual networks and communities. By design, social media is internet based and offers users easy electronic communication of personal information and other content, such as videos and photos. Social media often feeds into the discovery of new content such as news stories, and discovery is a search activity.

Benefits Of Social Media:
🔘 Increased Exposure.
🔘 Attracting customers.
🔘 Increase website traffic.
🔘 Competitive Analysis.
Social media can also help build links that in turn support into SEO efforts. Many people also perform searches at social media sites to find social media content. Social connections may also impact the relevancy of some search results, either within a social media network or at a mainstream search engine. Social media is one of the most cost-efficient digital marketing methods used to syndicate content and increase your business' visibility.

AppClues Infotech is a well renowned Mobile App development Company. We create intuitive social media apps. We specialize in designing and developing mobile apps that are fast, attractive, responsive, and easy to use. We unite with ambitious businesses and individuals to transform their ideas into neat, effective, and meaningful digital solutions. We also serve industries like Travel App, Education App, Enterprise App, Health Care App, Restaurant App, Food Ordering App, etc in very well manner and at competitive prices that suits your budget.

Our Key Services of Mobile App Development iPhone App & Android App Development.

Our dedicated team of developers have enough experience to build your social media apps as per your requirements. When speaking about social media app development cost no one can define accurate cost structure of app development because there are so many factors affecting like time, complexity of projects, developer’s team and also what extra features and functionality you want to include in it.

Earlier this week, 's Git server was compromised, and a bad actor made two malicious commits to the repo. An investigation is still ongoing, and to give more time to look into it, the PHP team announced that releases would be put on hold for two weeks, assuming no further issues are discovered.

These commits were immediately noticed and reverted, and thus never reached end users. The investigation into the root cause and exact scope of the compromise is still ongoing, therefore releases will be put on hold for two weeks assuming no further issues are discovered.

Once the investigation is complete, we assume more information will be coming out on what happened and how everything happened.

This breach is currently ongoing, and as new details emerge will be posting further updates.

Notus - A Beautiful Kit and Admin for and

A beautiful UI Kit and Admin for Tailwind CSS and VueJS.
Start your development with a Free Tailwind CSS and VueJS UI Kit and Admin. Let Vue Notus amaze you with its cool features and build tools and get your project to a whole new level.

Vue Notus is Free and Open Source. It features multiple HTML and VueJS elements and it comes with dynamic components for VueJS.

It is based on Tailwind Starter Kit by Creative Tim, and it is build with both presentation pages, and pages for an admin dashboard.

Speed up your web development with a beautiful product made by Creative Tim . If you like bright and fresh colors, you will love this Free Tailwind CSS Template! It features a huge number of components that can help you create amazing websites.

Get Started
Install NodeJS LTS version from NodeJs Official Page
Download the product on this page
Unzip the downloaded file to a folder in your computer
Open Terminal
Go to your file project (where you’ve unzipped the product)
(If you are on a linux based terminal) Simply run npm run install:clean
(If not) Run in terminal npm install
(If not) Run in terminal npm run build:tailwind (each time you add a new class, a class that does not exist in src/assets/styles/tailwind.css, you will need to run this command)
(If not) Run in terminal npm run serve
Navigate to https://localhost:8080
Check more about Tailwind CSS
Pages
If you want to get inspiration or just show something directly to your clients, you can jump start your development with our pre-built example pages. You will be able to quickly set up the basic structure for your web project.

Here are all the page from the project:

Presentation
Admin Samples
Dashboard
Settings
Tables
Maps
Authentication Samples
Login
Register
Presentation Samples
Landing
Profile
Fully Coded Components

Spammers have one goal, to send as much spam as cheaply as possible with good IPs that are not blocked, and we've been hearing more and more reports of Laravel apps getting their SMTP credentials hacked and then the attackers using those to send junk.

This is not related to any vulnerability in Laravel itself. The issue is coming from improper server setups or not turning off debug mode.

Hide your .env file
Laravel ships with a .env file that holds many configuration variables, including your database information and your mail server details; if this file becomes web-accessible, anyone can get your sensitive data and use those credentials.

By default, the directory structure of a default Laravel app has a public folder and that and only that should web-accessible.

In most situations, following the documentation on deployments section will set this up probably for you.

I've seen the majority of issues when developers try to install in a subdirectory and accidentally leave the .env file exposed. So double-check that for one, and I would highly suggest not installing it in a subdirectory unless you understand what you are doing. Instead, maybe consider using a subdomain.

Turn off debug mode
When you install a brand new Laravel app, debug mode is turned on for local development. Debug mode is beneficial for providing extra debugging tools and increased logs to help you develop new features and uncover potential problems. Then once you are ready to deploy, you need to change this setting and turn it off. It's helpful to have separate configuration files for your production environments, including leaning on configuring environment variables where you deem appropriate instead of adding config to a .env file.

APP_DEBUG=false
With it left on, an attacker could figure out a way to get your app to generate an error, and then it might expose private credentials. The documenation outlines it in bold because it's super important:

In your production environment, this value should always be false. If the variable is set to true in production, you risk exposing your application's end users' sensitive configuration values.

8 now has three validation rules for prohibited fields, including prohibited_if, prohibited_unless, and prohibited. Let's walk through a few examples of where the prohibited* validation rules might be useful, and look at each one in more detail.

Prohibited If and Unless
Jess Archer contributed the prohibited if/unless validation rules released in Laravel Laravel 8.32. The basic idea of "prohibited" validation rules is that a given field should be prohibited from having data if another field is present or if a field should be allowed in a request at all.

Here's the example Jess provided in the pull request for this feature, which illustrates perfectly how to use this rule to explicitly prevent contradictory input:

Validator::validate([
'is_deceased' => false,
'date_of_death' => '2021-03-09'
], [
'date_of_death' => 'prohibited_unless:is_deceased,true'
]);
Another example might be someone accepting terms of service that has identified as a minor. Perhaps the application requires a parental registration to consent on their behalf:

Validator::validate([
'is_minor' => true,
'tos_accepted' => true
], [
'tos_accepted' => 'prohibited_if:is_minor,true'
]);
Prohibited Validation Rule
After Laravel 8.32, Philo Hermans contributed a prohibited rule in Laravel 8.34 which ensures that an input is not present when validating:

// PUT /api/licenses/123-456
// {"name":"hello-world", "key":"random-key"}

$validated = $request->validate([
'name' => 'required|max:255',
'key' => 'prohibited',
]);

// Response: 422
// The key field is prohibited
The above is a good example where a user might expect to update an API key by sending a PUT request to a resource. In a typical application, that field is likely ignored during the request. However, a successful response might lead the user to believe they were able to update the key when in reality, the API ignored it. The prohibited rule will clarify that this field is not allowed and is considered immutable.

18 Tips to Optimize Your Queries. Part 3.

If your application is running slow or making a lot of database queries, follow the below performance optimization tips to improve your application loading time.

18 Tips to Optimize Your Queries. Part 2.

When testing with Laravel, sometimes it's helpful to test that a user was redirected back to the page where they "submitted" the form from.

Normally, if you just call $this->post('/some-endpoint')->assertRedirect('/some-endpoint');, the test will fail because the session doesn't have a previous page set.

To fix this issue, Laravel provides a from() testing helper that, under the hood, sets a referer header and sets the _previous.url session variable to the url you pass in. Then, when you call redirect()->back() in your controller or somewhere else, Laravel knows where to redirect the user to.

/** */
public function the_user_is_redirected_back_to_the_edit_page()
{
$user = User::factory()->create();
$post = Post::factory()->create();

$data = ['title' => 'Paul is Eric and Eric is Paul'];

$this->actingAs($user)
->from('/posts/1/edit')
->patch('/posts/1', $data)
->assertRedirect('/posts/1/edit');
}

Taylor Otwell gave Laracon Online 2021 attendees a first glimpse of Laravel Octane—a unified first-party package for running highly performant utilizing environments like Swoole and RoadRunner.

How Does it Work?
Octane's entry point is an Artisan console command(octane:start) that will run either Swoole or RoadRunner. You can specify which technology to use and how many threads to run based on your environment's CPU threads:

artisan octane:start --workers=8 --server=roadrunner
Swoole and RoadRunner utilize coroutines that enable PHP to run more efficiently by forking several worker processes based on CPU core numbers. Using Swoole/RoadRunner allows better app startup efficiency, coupled with PHP OPcache to minimize overhead by storing byte code in shared memory.

workers remain active between requests (you can cycle them after "x" requests via artisan flag) and are ready to receive new requests. Eliminating framework startup time has a significant impact on performance for applications with heavy workloads.

What is the Purpose?
Typical applications don't demand outlandish requests-per-second we see in these early demos of Octane. However, the need for high availability PHP applications is common, and Laravel is in a unique position to guarantee that framework-level code works seamlessly with tools like Swoole and Octane.

First-party support from Laravel for these technologies will be a considerable breakthrough in modern approaches to scaling PHP applications. The entire PHP ecosystem will benefit from these efforts.

When will Laravel Octane be released?
As Taylor mentioned, expect an Octane release soon (possibly weeks)! Laravel News will be sure to announce the initial release that will likely be a pre-release beta version of Octane.

In the meantime, I'd encourage you to get familiar with Roadrunner and Swoole PHP.
We are looking forward to more Octane news soon!

Have you ever needed to duplicate or clone a database record? Laravel provides a very handy function for this called replicate which will take an Eloquent model and make a copy so you can then make changes and save it.

Here's an example of how you might use this. Let's pretend you have a blog post and you want to make a copy of it to publish again. First grab the original model:

$post = Post::find(1);
Next, call the replicate method on it:

$newPost = $post->replicate();
Now, you can make any changes you need to the model and then resave it.

$newPost->created_at = Carbon::now();
$newPost->save();
All together it would look like this:

$post = Post::find(1);
$newPost = $post->replicate();
$newPost->created_at = Carbon::now();
$newPost->save();
This replicate method is really helpful for quickly cloning or duplicating a database record.

wrk - a benchmarking tool.
During Taylor's Laracon Online presentation of Laravel Octane he used both Apache Bench, ab, and a tool named wrk that I'd never seen before.

wrk is a modern HTTP benchmarking tool capable of generating significant load when run on a single multi-core CPU. It combines a multithreaded design with scalable event notification systems such as epoll and kqueue.

Once installed the basic usage is:

wrk -t12 -c400 -d30s http://site.test
This runs a benchmark for 30 seconds (-d30s), using 12 threads (-t12), and keeping 400 (-c400) HTTP connections open. The output after running it looks something like this:

Running 30s test @ http://site.test
12 threads and 400 connections
Thread Stats Avg Stdev Max +/- Stdev
Latency 635.91us 0.89ms 12.92ms 93.69%
Req/Sec 56.20k 8.07k 62.00k 86.54%
22464657 requests in 30.00s, 17.76GB read
Requests/sec: 748868.53
Transfer/sec: 606.33MB
If you are needing to do some benchmark testing check out wrk and it can even be installed via homebrew.

Filed in:

Developer Tools
Eric L. Barnes
Eric L. Barnes

Eric is the creator of Laravel News and has been covering since 2012.

Support is Coming to the Installer.

A new missing() callback for resource routes and a StringEncrypter interface are now in 8.33.

➡ Release Notes:
You can see the full list of new features and updates below and the diff between 8.32.0 and 8.33.0 on . The following release notes are directly from the changelog.
✅ Added:
Added broken pipe exception as lost connection error (36601).
Added missing option to resource (36562)
Introduce StringEncrypter interface (36578).
🖇 Fixed:
Fixed returns with Mail & Notification components (36559).
Stack driver fix: respect the defined processors in LogManager (36591).
Require the correct password to rehash it when logging out other devices (36608, 1e61612).
🤩 Changed:
Allow nullable columns for AsArrayObject/AsCollection casts (36526).
Accept callable class for reportable and renderable in exception handler (36551).
Container - detect circular dependencies (dd7274d, a712f72, 6f9bb4c).
Initialize CronExpression class using new keyword (36600).
Use different config key for overriding temporary url host in AwsTemporaryUrl method (36612).

Migrate One Database to Another in a Project.

Migrate DB is a package by Andrey Helldar to migrate one database to another in Laravel apps. Configuring two databases in the config/database.php file, you can use the connection name to run the migration:

php artisan db:migrate \
--schema-from=example \
--schema-to=example2
The command will perform all migrations on the source and destination databases and transfer records from the first database to the second.

Currently, this package supports the following databases:
MySQL .
PostgreSQL .
MSSQL.
You can learn more about this package, get full installation instructions, and view the source code on .

Remote is a package by Spatie that provides a command to execute Artisan commands on a remote server.
Here are some examples of remote commands from the documentation:

artisan remote cache:clear

# Raw ls command on the server
php artisan remote ls --raw

# Raw ls with flags
php artisan remote --raw "ls -a"

# Defining which host configuration to use
php artisan remote cache:clear --host=my-other-host
At the heart of the package's configuration, you define hosts for remote servers that you want to interact with. In order to execute a command on a given host, you can use the --host flag for the desired configuration:

return [
'hosts' => [
'default' => [
'host' => env('REMOTE_HOST'),
'port' => env('REMOTE_PORT', 22),
'user' => env('REMOTE_USER'),
'path' => env('REMOTE_PATH'),
],
'example2' => [
'host' => env('EXAMPLE2_REMOTE_HOST'),
'port' => env('EXAMPLE2_REMOTE_PORT', 22),
'user' => env('EXAMPLE2_REMOTE_USER'),
'path' => env('EXAMPLE2_REMOTE_PATH'),
],
],
];
Under the hood, this package uses Spatie's ssh package, a lightweight PHP library to execute commands over SSH.

To get started with spatie/laravel-remote, read the documentation available in the project's readme. Freek also wrote a blog post that goes into more detail about the package.

Manage Scheduled Tasks Through a Dashboard.

Learn how to use Tailwind's JIT compiler with Laravel Mix.
Overnight, Adam Wathan and the Tailwind Labs team released a new JIT compiler that generates your styles on-demand as you author your templates instead of generating everything in advance at initial build time.

The main benefit of this compiler is being able to just start writing your Tailwind-powered HTML without having to build out the entire 4MB+ CSS file (and removing unused CSS to shrink it down for production later).

Configuring with Laravel Mix
As a predominantly Laravel developer that is accustomed to Laravel Mix, I wanted to see how to get this working with Laravel Mix, and was pleasantly surprised that it was a) quite simple and b) Just Works™️*

First, install the JIT-compiler with NPM.

npm install -D /jit tailwindcss postcss
Next, ensure that your tailwind.config.js file is setup to watch your template files:

// tailwind.config.js
module.exports = {
purge: [
'./resources/**/*.blade.php',
'./resources/**/*.js',
'./resources/**/*.vue',
],
darkMode: false, // or 'media' or 'class'
theme: {
extend: {},
},
variants: {
extend: {},
},
plugins: [],
}
Then, instruct Mix to use the JIT compiler:

// webpack.mix.js
const mix = require("laravel-mix");

mix.postCss("resources/css/app.css", "public/css").options({
postCss: [
require("/jit"),
],
});
Lastly, start the Laravel Mix watcher:

npx mix watch
Things to note
Using with postcss-import
If you're using statements in your CSS files (that is if you're using something like Webpacker for Rails), you'll also need to include the postcss-import plugin:

mix.postCss("resources/css/app.css", "public/css").options({
postCss: [
require("/jit"),
+ require("postcss-import"),
],
});

10 Quick Tips.
Swipe ➡

How to alter tables in production when records are in millions — the right way.
As the developers, we have experienced changes in-app when it is in production and the records have grown up to millions. In this specific case if you want to alter a column using simple migrations that will not work because of the following reasons:

It is not so easy if your production servers are under heavy load and the database tables have 100 million rows. Because such a migration will run for some seconds or even minutes and the database table can be locked for this time period – a no-go on a zero-downtime environment.

In this specific case, you can use ’s algorithms: Online DDL operations. That’s how you can do it in Laravel.

First of all create migration. For example we want to modify a column’s name the traditional migration will be:

Schema::table('users', function (Blueprint $table) {
$table->renameColumn('name', 'first_name');
});
Run the following command php artisan migrate –pretend this command will not run the migration rather it will print out it’s raw sql:

ALTER TABLE users CHANGE name first_name VARCHAR(191) NOT NULL
Copy that raw sql, remove following code:

Schema::table('users', function (Blueprint $table) {
$table->renameColumn('name', 'first_name');
});
Replace it with following in migrations up method:

\DB::statement('ALTER TABLE users CHANGE name first_name VARCHAR(191) NOT NULL');
Add desired algorithm, in my case query will look like this:

\DB::statement('ALTER TABLE users CHANGE name first_name VARCHAR(191) NOT NULL, ALGORITHM=INPLACE, LOCK=NONE;');

As developers, we have experienced changes in app when it is in production and the records have grown up to millions. In this specific case if you want to alter a column using simple migrations that will not work because of the following reasons:

It is not so easy if your production servers are under heavy load and the database tables have 100 million rows. Because such a migration will run for some seconds or even minutes and the database table can be locked for this time period – a no-go on a zero-downtime environment.

In this specific case you can use ’s algorithms: Online DDL operations. That’s how you can do it in .

First of all create migration. For example we want to modify a column’s name the traditional migration will be:

Schema::table('users', function (Blueprint $table) {
$table->renameColumn('name', 'first_name');
});
Run the following command php artisan migrate –pretend this command will not run the migration rather it will print out it’s raw sql:

ALTER TABLE users CHANGE name first_name VARCHAR(191) NOT NULL
Copy that raw sql, remove following code:

Schema::table('users', function (Blueprint $table) {
$table->renameColumn('name', 'first_name');
});
Replace it with following in migrations up method:

\DB::statement('ALTER TABLE users CHANGE name first_name VARCHAR(191) NOT NULL');
Add desired algorithm, in my case query will look like this:

\DB::statement('ALTER TABLE users CHANGE name first_name VARCHAR(191) NOT NULL, ALGORITHM=INPLACE, LOCK=NONE;');

Some of the most frequent how tos in .
Keep scrolling ➡️

Want to develop a website or re-design using CSS Development?

We build a website and we implemented CSS successfully if you are planning to develop a website. We can fill your Page with creative colors and attractive Designs. We provide services in Web Designing, Website Redesigning and etc.

For more details..!!
Consult with our experts: awes.io

With the Nuxt Auth module, we can add authentication to our Nuxt app with ease.
One way is to add authentication with Firebase.
In this article, we’ll look at how to add Firebase authentication to our server-side rendered Nuxt app.