React
CSSUsing Tailwind CSS With React
In the previous tutorial you’ve learned about the Tailwind CSS basics and how to setup a basic web project with Tailwind. In this tutorial we’re going to take a look at how to use and configure Tailwind CSS in a React project. Setting Up The React Project The first step is to setup the React project by using the create-react-app script [...]
ReactThe MERN Stack Tutorial – Building A React CRUD Application From Start To Finish – Part 2
Part 2: Setting Up The Back-end Part 1: Setting Up The Project Part 2: Setting Up The Back-end Part 3: Connecting Front-End To Back-End Part 4: Finishing The Application This is the second part of the The MERN Stack Tutorial – Building A React CRUD Application From Start To Finish series. In the first part we’ve started to [...]
ReactThe MERN Stack Tutorial – Building A React CRUD Application From Start To Finish – Part 1
Part 1: Setting Up The Project Part 1: Setting Up The Project Part 2: Setting Up The Back-end Part 3: Connecting Front-End To Back-End Part 4: Finishing The Application In this tutorial series we’re going to explore the MERN stack by building a real-world application from start to finish. The MERN stack consists of the following [...]
ReactReact Hooks Explained – Functional Components With State
React Hooks is a new feature which is coming with React 16.7 and is adding missing pieces of functionality to React’s functional components: By using State Hooks it’s possible to add state to functional components By using Effect Hooks you can add code to functional components which is executed in response to [...]
ReactGetting Started With Material-UI For React (Material Design For React)
Material Design is a design language developed in 2014 by Google and is very popular for web and mobile applications. Material Design is inspired by the physical world and its textures, including how they reflect light and cast shadows. Material surfaces reimagine the mediums of paper and ink. With the components from the Material-UI [...]
GraphQLGetting Started With React And GraphQL
GraphQL is a way to send data over HTTP and is often presented as a revolutionary new way to think about APIs and seen as the successor of REST (Representational State Transfer). Indeed GraphQL is able to overcome major shortcomings of REST. GraphQL can be user in any application, web application or mobile app. In this tutorial [...]
ReactGatsby – Static Site Generator For React – Introduction
Gatsby is a static site generator for React and has just been released (version 1.0). This tutorial will take a look at this new project and show you how to install Gatsby and develop & deploy your first website. Gatsby has lots of advantages: Automatic routing based on your directory structure. No need to include additional code for [...]
Top 3 React Online Courses
React is on open-source JavaScript framework for building web & mobile user interfaces. React is maintained by Facebook and a vivid developer community and is being used for major websites like Netflix, Imgur, Feedly, Airbnb and others. React is great for building large data-driven single page application. It’s main goal is to [...]
AngularStackBlitz – Online Code Editor For Angular and React
StackBlitz is an online IDE which supports Angular and React development projects out-of-the box. The guys from thinkster.io have created that great project to make it as easy as possible to get started with your Angular or React project without the need to deal with installation of dependencies or create a build configuration. [...]
ReactLearn Redux – Introduction To State Management With React
Redux is a predictable state container for JavaScript and comes as an external library which can be used together with front-end frameworks like React, Angular, Ember.js, Backbone etc. However Redux is most often used together with React. The Problem With Traditional MVC Architecture Before diving deeper into the concepts of Redux [...]