React in laravel - wie?

Hallo.

Ich versuche react in laravel zu benutzen. Ich installiere react in laravel. Jetzt kann ich laravel und react starten und beides geht.

Ich kann aber react Komponenten nicht in den blade Dateien benutzen.

Ich habe alles versucht was im Internet steht, aus irgendeinem Grund findet er die js datei beim ausliefern des laravel server nicht.

Ich bin am verzweifeln und für jede Hilfe dankbar.

1 Antwort

Ziegelstein43

15.09.2023, 11:25

Wüsste jetzt auch nicht wie das sinnvoll funktionieren könnte - Aber schau dir doch mal https://inertiajs.com an.. Vlt. macht das ja mehr Sinn für dich als das Blade System mit React zu kombinieren.

Woher ich das weiß:Berufserfahrung – Softwareentwickler als Nebenjob

Ähnliche Fragen

React Js Props State unterschied?

Was Props sind weiss ich aber State will ich nicht so ganz verstehen.

Die Dokumentation von React ist sowieso komisch.
Habe gehört das es ähnlichkeiten hat.

Props würde ich so benutzen in der index.js

import App from irgendwas…
<App name="Max"/>
Und in der App.js
const App = (props)=>{
<h1> {name.props} </h1>} 
export default …

kann man das gleiche jetzt auch mit state machen oder wie kann ich mir das vorstelle. ?

...zur Frage

Wie kann man eine Webseite (HTML/CSS/JS) in WordPress einbinden (unverändert dort einsetzen)?

Kurze Frage,

Ich habe eine Webseite mit HTML/CSS und JS erstellt und möchte diese jetzt bei WordPress einfügen, damit andere, die keine Ahnung von HTML haben diese auch gut bearbeiten können. Funktioniert es vielleicht, einfach die Dateien die man hat hochzuladen? Ich beschäftige mich jetzt schon seit Tagen und komme nicht voran... Ich bin am verzweifeln. Ich würde mich über jede Hilfe freuen.

...zur Frage

Verliert ein Informatik Abschluss an wert mit der zeit?

Meine konkrete Frage ist ob ein Informatik Hochschulabschluss an Wichtigkeit abnimmt nach den man mehrere Jahre Berufserfahrung hat. Genauer gesagt, ob die Arbeitsgeber dann mehr Wert legen auf die Berufserfahrung und wo man davor gearbeitet hat anstatt den Abschluss?

...zur Frage

Einbindung von JS und CSS klappt nicht, könnte die Fehlerursache sein?

Hallo Leute, ich wollte gerade zum besseren Verständnis von getElementById() ein Beispiel nachbauen, dazu habe ich ein HTML-Dokument erstellt und die entsprechenden JavaScript- und CSS-Dateien eingebunden. Die CSS-Datei im Kopfbereich, die JS-Datei vor dem schließenden body-Tag. Am Ende soll ein roter Rahmen um eine Tabelle erzeugt werden.

Ich dachte erst, dass es am falsch eingegebenen Pfad liegen könnte, aber der ist soweit ich sehe auch richtig. Egal was ich tue, die HTML-Datei wird ausgegeben, aber ohne die JS- und CSS-Komponenten.

Hier der zugehörige JS-Code:

Hier der JS-Code:

function init() {
    // Selektion nach ID
    const mainElement = document.getElementById("main");
    mainElement.className = "border";
}

Hier der CSS-Code:

.border {
    border: thick solid red;
    border-radius: 25px;
    padding: 5px 25px 25px 25px;
}

...zur Frage

Informatik nicht studieren, Nachteile?

An alle Programmierer die nicht studiert haben oder nur eine Fachinformatiker Ausbildung abgeschlossen haben, gibt es Nachteile die ihr im Berufsleben habt weil ihr nicht Studiert habt?

...zur Frage

Warum benutzt man Tailwind CSS?

Wenn man mitten in den HTML Code , sowas schreibt wie

<p class="bold-900"> test </p>

Dann ergibt das für mich noch keinen sinn aus drei Gründen.

Man kann zwar bei wenig Code schnell im Code sehen was passiert aber schnell wird das doch komplett unordentlich, als würde wenn man <p style="color:red;"> benutzen.
Es ist doch Dumm sich die ganzen Tailwind Klassen auswendig zu lernen anstatt gleich die CSS Eigenschaften. Es macht doch kaum einen unterschied, ob font-size : 50px oder class="fontsize-50".
Tailwind hat auch keine fertige Komponenten wie Bulma oder Bootstrap falls man keine lust hat mal irgendwas selber zu machen.

Oder wie seht ihr das ?

Lerne zurzeit React und in vielen React Tutorials wird Tailwind genutzt.

Lohnt sich das so viel mehr als normales Css/Scss zu benutzen ?

...zur Frage

Wie kann ich heraus finden, woher eine CSS- oder JS-Datei geladen wird?

Ich öffne in Google Chrome eine Webseite, öffne die Developer Tools -> Quellcode und kann sehen, welche Elemente alles geladen wurden, also auch von externen Servern.

Bei Frameworks und Javascript-Plugins können die tollsten Abhängigkeiten entstehen. Wie kann ich hier eigentlich sehen, welche Komponenten welche Dateien laden, also woher z.B. die Abhängigkeit zur tollen foobar.css "kommt", die von einem Google-Server geladen wird? Sich händisch durch alle Dateien wühlen grenzt ja an Beschäftigungstherapie...

...zur Frage

React Webseite mit Suchfunktion mit mehreren Seiten?

Hallo,

ich hatte mal früher kleine Anwendungen mit VB.NET für Windows-Systeme entwickelt und möchte jetzt mit React anfangen. Ich würde mich komplett als Anfänger bezeichnen und muss deshalb Fragen stellen.

Als Projekt habe ich mir folgendes vorgestellt:

Es gibt ein Kanal auf YouTube und es werden Fragen von Leuten vorgelesen und sie werden im Video beantwortet.

Ich möchte eine Webseite erstellen mit all diese Fragen und zu jeder Frage ein "Button", wenn man ihn anklickt ist unten oder irgendwo an der Seite ein Video-Player von YouTube und das Video wird abgespielt ab dem Zeitpunkt wo die Frage im Video vorgelesen wird.

Ich habe mir alle Fragen bereits aufgeschrieben und hätte alle Links zu den Fragen im Video.

Da es mehrere Videos gibt, möchte ich eine Suchfunktion integrieren, aber ich weiß nicht, ob ich für jedes Video (Teil1, Teil2,...) eine neue Seite im React erstellen soll und wie ich dann die Suchfunktion so programmiere, dass alle Seiten durchgesucht werden. Ich habe im Internet gesucht und viele benutzen .JSON für Suchfunktion, aber ich denke, dass bei mir mit .JSON nicht funktionieren wird.

Es sind über 80+ YouTube-Videos mit jeweils ca. 15-30 Fragen.

Ich möchte alles selber machen/lernen und möchte auch nicht, dass jemand mir alles vorprogrammiert.. Es wäre mir sehr hilfreich mir die richtige Richtung zu zeigen, kurz und grob erklären, mit welchen Komponenten ich arbeiten soll usw.

Hier ein Beispiel wie es ausschauen soll ungefähr:

Das design ist nicht so wichtig wie die Funktion und Struktur der Programmierung.

Vielen Dank schon mal!

...zur Frage

Wer kann besser programmieren?

Wer kann besser programmieren, ein Informatiker mit Studium(FH) oder ein Fachinformatiker für Anwendungsentwicklung?

Freut mich sehr eure Meinungen dazu zu hören

...zur Frage

Welches CSS Framework und welches Planungstool sollte ich nutzen?

Hallo,

bisher habe ich jede Idee und jedes Projekt von Null an selbst programmiert und CSS geschrieben.

Um mich zukünftig mehr auf JS und React konzentrieren zu können und auch Ideen schneller umsetzen zu können, möchte ich vorgefertigte HTML/CSS Komponenten verwenden.

Zudem möchte ich dieses Framework auch in Figma nutzen können, um die Idee besser planen zu können.

Welches CSS Framework würdet ihr empfehlen und warum? Es sollte ein modernes Design haben (Bootstrap fällt daher für mich raus). Eine große Auswahl an Komponenten haben, welche man einfach kombinieren und anpassen kann. Die Lizenz sollte auch für kommerzielle Projekte gelten und möglichst kostenlos sein. Tailwind ist kostenpflichtig oder?
Welches Tool könnt ihr noch empfehlen, um eine App/PWA zu skizzieren und zu planen?

Gruß ebody

...zur Frage

Um wie viel verdient ein Freiberufler Softwareentwickler?

Ein Freund von mir meinte das man als Freiberufler Softwareentwickler Monatlich doppelt so viel verdienen kann wie ein Angestellter Softwareentwickler, also ca.8000 Monatlich...das kann doch nicht stimmen, das klingt so unrealistisch, aber was haltet ihr davon?

...zur Frage

Warum entwickeln Firmen wie Google oder Facebook eigene Bibliotheken/Frameworks für Programmiersprachen?

Was genau bringt es ihnen, wenn ich kostenlos React oder Angular benutzen kann?

Marketing?

Mit Programmiersprachen macht das noch ein wenig Sinn.

Die von JetBrains haben auch passend zu Kotlin eine perfekte IDE, die sie für viel Geld "vermieten". Oder WebStorm, PhpStorm, CLion, PyCharm.

Aber ein Framework kann ich doch überall benutzen.

Kurz npx create... oder ng angular in die Konsole eingeben und schon hab ich so ein Gerüst.

...zur Frage

Welches JavaScript framework als erstes lernen?

Habe nur mal zum testen angular probiert um zu sehen was/wie ein framework funktioniert/ist aber mir war klar das es zu anspruchsvoll ist, richtiges typescript kann ich auch garnicht.

Am interesanntesten klingt react weil ich auch gerne native apps bauen würde. Das ist aber angeblich nur ein bisschen einfacher.

Am einfachsten soll vue js oder jquery sein ?

Würd es sinn machen jquery noch zu lernen ?

Ich hab ein wenig auf youtube deutschland nach vue js geguckt und dort findet man höchstens eine richtige playlist.

Jquery ist schon etwas älter da hätte man viel viel mehr videos/artikel zur auswahl.

auch wenn mein englisch nicht schlecht ist, es macht es schwieriger.

Wenn ich dann eine zeit jquery gelernt habe könnte ich es auch mit react versuchen.

oder macht das keinen sinn ?

hab gehört das viele firmen jquery benutzen, hätte ich dann bessere chancen auf einen job als mit vue ?
ihr müsst nicht alle Fragen beantworten aber wäre nett 😂

...zur Frage

Etwas in den Game files ändern?

Also, die Frage ist, wenn ich etwas in den Dateien eines Spieles ändere ( Sei es die Textur von etwas oder wenn ich mich einfach irgendwo im Game rein hacken will, free roam oder so) und es dann aus irgendeinem Grund schief geht, und ich das Game lösche und nochmal installiere , bleibt meine vorherige Änderung in den Dateien? Wenn ja, kann man es irgendwie rückgängig machen?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen