aymenoppa

Member Since 1 Month Ago

Experience Points
730
Total
Experience

4,270 experience to go until the next level!

In case you were wondering, you earn Laracasts experience when you:

  • Complete a lesson — 100pts
  • Create a forum thread — 50pts
  • Reply to a thread — 10pts
  • Leave a reply that is liked — 50pts
  • Receive a "Best Reply" award — 500pts
Lessons Completed
0
Lessons
Completed
Best Reply Awards
1
Best Reply
Awards
  • start your engines Created with Sketch.

    Start Your Engines

    Earned once you have completed your first Laracasts lesson.

  • first-thousand Created with Sketch.

    First Thousand

    Earned once you have earned your first 1000 experience points.

  • 1-year Created with Sketch.

    One Year Member

    Earned when you have been with Laracasts for 1 year.

  • 2-years Created with Sketch.

    Two Year Member

    Earned when you have been with Laracasts for 2 years.

  • 3-years Created with Sketch.

    Three Year Member

    Earned when you have been with Laracasts for 3 years.

  • 4-years Created with Sketch.

    Four Year Member

    Earned when you have been with Laracasts for 4 years.

  • 5-years Created with Sketch.

    Five Year Member

    Earned when you have been with Laracasts for 5 years.

  • school-in-session Created with Sketch.

    School In Session

    Earned when at least one Laracasts series has been fully completed.

  • welcome-newcomer Created with Sketch.

    Welcome To The Community

    Earned after your first post on the Laracasts forum.

  • full-time-student Created with Sketch.

    Full Time Learner

    Earned once 100 Laracasts lessons have been completed.

  • pay-it-forward Created with Sketch.

    Pay It Forward

    Earned once you receive your first "Best Reply" award on the Laracasts forum.

  • subscriber Created with Sketch.

    Subscriber

    Earned if you are a paying Laracasts subscriber.

  • lifer Created with Sketch.

    Lifer

    Earned if you have a lifetime subscription to Laracasts.

  • evangelist Created with Sketch.

    Laracasts Evangelist

    Earned if you share a link to Laracasts on social media. Please email [email protected] with your username and post URL to be awarded this badge.

  • chatty-cathy Created with Sketch.

    Chatty Cathy

    Earned once you have achieved 500 forum replies.

  • lara-veteran Created with Sketch.

    Laracasts Veteran

    Earned once your experience points passes 100,000.

  • 10k-strong Created with Sketch.

    Ten Thousand Strong

    Earned once your experience points hits 10,000.

  • lara-master Created with Sketch.

    Laracasts Master

    Earned once 1000 Laracasts lessons have been completed.

  • laracasts-tutor Created with Sketch.

    Laracasts Tutor

    Earned once your "Best Reply" award count is 100 or more.

  • laracasts-sensei Created with Sketch.

    Laracasts Sensei

    Earned once your experience points passes 1 million.

  • top-50 Created with Sketch.

    Top 50

    Earned once your experience points ranks in the top 50 of all Laracasts users.

  • Community Pillar

    Earned once your experience points ranks in the top 10 of all Laracasts users.

Level 1
730 XP
Apr
16
3 weeks ago
Activity icon

Replied to Laravel JetStream Using Inertia.js With React?

aymenlabidi21@gmail.com the source paid 7$ paypal i have only typescript tsx* you can change them to jsx and remove the types and it will work fine for anyone want to convert them alone Vue slot can be replaced in react with lot of solution the simplest one is react props there is no official transition group in react find any external package

Apr
10
1 month ago
Activity icon

Replied to Laravel 8 Fortify Login Redirect Custome Route

You can only redirect to one URL in RouteServiceProvider you'll need to edit Authenticate middleware and extend fortify controller If you need help i'm Available

Apr
09
1 month ago
Activity icon

Replied to How To Strongly Type Inertia.js UsePage Hook

After tries and Errors i fix it

import React from 'react';
import {InertiaLink, usePage} from '@inertiajs/inertia-react'
import {Page, PageProps} from "@inertiajs/inertia";

export interface propsInterface extends Page<PageProps> {
    props: {
        user: Function,
        canLogin: boolean,
        canRegister: boolean ,
        jetstream: {
            canCreateTeams:boolean,
            canManageTwoFactorAuthentication:boolean,
            canUpdatePassword:boolean,
            canUpdateProfileInformation:boolean,
            flash:Array<any>,
            hasAccountDeletionFeatures:boolean,
            hasApiFeatures:boolean,
            hasTeamFeatures:boolean,
            hasTermsAndPrivacyPolicyFeature:boolean,
            managesProfilePhotos:boolean,
        } ,
        laravelVersion: String,
        phpVersion: String,

    }
}

    const {user,canLogin,canRegister,jetstream} = usePage<propsInterface>().props;
Activity icon

Replied to How To Strongly Type Inertia.js UsePage Hook

i remember a problem i had in java i created a new class that extend a not typed class , i added field to it then use it

Activity icon

Started a new Conversation How To Strongly Type Inertia.js UsePage Hook

usePage is hook to to access shared data on numerous pages But that Data it's not Type How to make it strongly typed this is normal javascript without type const { user,jetstream,errorBags } = usePage().props; how to tell type script that usePage().props contain those data

ShareInertiaData.php

class ShareInertiaData
{
    /**
     * Handle the incoming request.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  callable  $next
     * @return \Illuminate\Http\Response
     */
    public function handle($request, $next)
    {
        Inertia::share(array_filter([
            'jetstream' => function () use ($request) {
                return [
                    'canCreateTeams' => $request->user() &&
                                        Jetstream::hasTeamFeatures() &&
                                        Gate::forUser($request->user())->check('create', Jetstream::newTeamModel()),
                    'canManageTwoFactorAuthentication' => Features::canManageTwoFactorAuthentication(),
                    'canUpdatePassword' => Features::enabled(Features::updatePasswords()),
                    'canUpdateProfileInformation' => Features::canUpdateProfileInformation(),
                    'flash' => $request->session()->get('flash', []),
                    'hasAccountDeletionFeatures' => Jetstream::hasAccountDeletionFeatures(),
                    'hasApiFeatures' => Jetstream::hasApiFeatures(),
                    'hasTeamFeatures' => Jetstream::hasTeamFeatures(),
                    'hasTermsAndPrivacyPolicyFeature' => Jetstream::hasTermsAndPrivacyPolicyFeature(),
                    'managesProfilePhotos' => Jetstream::managesProfilePhotos(),
                ];
            },
            'user' => function () use ($request) {
                if (! $request->user()) {
                    return;
                }

                if (Jetstream::hasTeamFeatures() && $request->user()) {
                    $request->user()->currentTeam;
                }

                return array_merge($request->user()->toArray(), array_filter([
                    'all_teams' => Jetstream::hasTeamFeatures() ? $request->user()->allTeams() : null,
                ]), [
                    'two_factor_enabled' => ! is_null($request->user()->two_factor_secret),
                ]);
            },
            'errorBags' => function () {
                return collect(optional(Session::get('errors'))->getBags() ?: [])->mapWithKeys(function ($bag, $key) {
                    return [$key => $bag->messages()];
                })->all();
            },
        ]));

        return $next($request);
    }
}

welcome.tsx

const Welcome = (props:React.FC) => {
    console.log(usePage().props);

    const { user } = usePage().props;


    return (

Apr
08
1 month ago
Activity icon

Replied to Laravel JetStream Using Inertia.js With React?

this is My Email aymenlabidi21@gmail i hope it doesn't go against laracasts rules :p

Activity icon

Awarded Best Reply on Laravel JetStream Using Inertia.js With React?

after i forked jetstream package i converted vue to React i handled inertia configuration ,fixed jsx interpretation and converted all Vue files to react i only touched the front end part so it's doesn't effect on how jetstream works files please contact me if you want source code

Apr
07
1 month ago
Activity icon

Replied to Laravel JetStream Using Inertia.js With React?

after i forked jetstream package i converted vue to React i handled inertia configuration ,fixed jsx interpretation and converted all Vue files to react i only touched the front end part so it's doesn't effect on how jetstream works files please contact me if you want source code

Activity icon

Replied to Laravel JetStream Using Inertia.js With React?

i managed to convert vue to React files please contact me if you want source code