Shineyrock
web design & consultancy
Shineyrock
Searched for: "in" / 1395 results
Build a React App With a Laravel RESTful Back End: Part 1, Laravel 9 API
…ing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Laravel and React are two popular web development technologies used for building modern web applications. Laravel is prominently a server-side PHP framework, whereas React is a client-side JavaScript library. This tutorial serves as an introduction to both Laravel and React, combining them to create…
Build a React App With a Laravel Back End: Part 2, React
…ing* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} This is the second and final part of the series on building a React application with a Laravel back-end. In the first part of the series, we created a RESTful API using Laravel for a basic product-listing application. In this tutorial, we…
How to Create a Real-Time Feed Using Phoenix and React
…ingIn this tutorial, I'll show you how we can use the power of React and Phoenix to create a feed application which will update itself in real time as we add new feeds to our database.IntroductionElixir is known for its stability and real-time features, and Phoenix leverages the Erlang VM…
Command Line Basics and Useful Tricks With the Terminal
…ing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} In this post, we'll go over what the command line is, as well as some commands to get started using it. About the Terminal What Is the Terminal? The terminal is an interface for you to execute text-based commands, and it gives you direct…
Set Up a React Environment, Part 1
…ing user interfaces (UI). It's maintained and developed by Facebook, and is one of the most popular tools for creating web apps today.However, it's had a bit of a reputation for not being very user friendly to set up a React app, particularly for beginners. The problem stems from when…
Set Up a React Environment, Part 2
…ing, and play around with some simple components to see how React works. You really don't want to have to wade through a lengthy setup process in the first instance.In this tutorial I'll show you how to begin coding with React in seconds, almost completely removing the setup process! You'll…
New Course: Get Started With Phoenix
…ing web framework, you should check out Phoenix, a new framework for the Elixir language. With a server-side MVC pattern, it's similar to other web frameworks like Ruby on Rails or the Python framework Django, but it also contains powerful new ideas to make web development easier and more effective.Our…
Set Up a React Environment, Part 3
…ing up React locally. The first of these approaches is similar to CodePen, where the React scripts were inserted dynamically into your HTML file, before being rendered in the output window.The only difference here is that we'll be inserting the scripts manually.Manual React SetupStart by creating an index.html document and…
Set Up a React Environment, Part 4
…in the past for being difficult to get started creating apps, as you really had to understand how to configure build tools manually. This is even before you write a single line of React code.The create-react-app tool helps with this issue tremendously as it allows anyone to create a full…
React Crash Course for Beginners, Part 1
…In this tutorial series we'll dive right into using React as we build a fully working app to display a gallery of movies.Learning how to build an app from scratch is a great opportunity to practise using all the key features of React whilst levelling up your development skills. All…