Introduction The Olympics are arguably the most-watched sporting event in history, featuring a vast array of competitions across nearly every sport. With so many games happening simultaneously, it often becomes a daunting task for a sports enthusiast like me to decide which event to watch. As a fan of multiple sports, I frequently find myself struggling to choose the best game to view at any given moment.
Some of the most common things to build in a web application are forms, and it is common practice to create API endpoints in order to be able to perform the data mutations after submission. The invention of Server Actions means we do not have to go through that extra step, but we can instead call a function that can handle it. Excited? Let me walk you through it. Server Actions are simply asynchronous functions in Next.js (a framework built on the React library) that let us perform some functions on the server directly from within our code without having to create API endpoints. It helps to be familiar with Remote Procedure Calls (RPC) when trying to understand Actions as they basically have the same concepts. RPCs are protocols that allow you to make a call on one machine, that call seems like a local call, but it is in fact executed on another machine on that network. This makes it easy to achieve seamless interaction between multiple components of a system that might be shared across multiple nodes, like in the case of distributed computing.
Introduction Typescript, which is a superset of the JavaScript programming language, is a language that has become a favourite among developers due to its special features. It is helpful to understand that TypeScript is not a replacement, it is really just JavaScript with enhancements, and that comes in the form of an explicit type system.
Introduction Every developer has at some point developed some application with some dummy data. The beginning stages of the learning journey are usually more focused on getting the projects to work, and there is not much need to use real data to achieve that. However, when it comes to real-world projects, databases are not to be taken for granted. E-commerce websites or educational portals; the information displayed from the front-end has to be consumed somewhere, and the new data made by the users has to be stored in a place.
What are Components Components are the fundamental building blocks in any React project and, by extension, any framework built on top of the React library. They can be thought of as how LEGO bricks make up a LEGO set. The developer has all of the control, and you can combine and arrange your bricks (components) in any way that you want. A single project is really just a combination of well-defined components.
JavaScript XML (JSX) is a syntax extension that allows for developers to write components and elements in a similar way to HTML inside of JavaScript, the elements are very similar to HTML and they can easily be converted to JavaScript. The example below shows how is converted to JavaScript using the React.createElement() function
Every software project either small, medium sized or large need to have some development workflows. Those workflows are the steps that a developer takes to plan, test, build and deploy software. The advantages of workflows really come into light when developers work in teams, they can be thought of as a framework that promotes efficiency and boosts collaboration in a project.
