Tech-Blog

React Forms SubmitLearning Goals Handle a form’s submit event in React Use controlled inputs to validate values IntroductionIn this lesson, we’ll discuss how to handle form submission in React. If you want to code along there is starter code in the src folder. Make sureto run npm install && npm start to see the code in the browser. Submitting a Controlled FormNow that we’ve learned how to control a form with state, we want to set up a wayto submit our form. For this, we add the onSubmit ...

React Components BasicsLearning Goals Understand what a React component is and what it can be used for Write React components and identify the DOM elements they create IntroductionIn this lesson, we’ll introduce the heart of React: components. This willinclude explaining why they’re important and examining a few examples. If theidea and application of components doesn’t click immediately, do not worry!The different moving parts required to understand how to use them will fall intoplace as we mo ...

Learn PrismaExploring Prisma as an ORM for Node Projects IntroductionPrisma abstracts the underlying database and provides a simple, type-safe and expressive API for working with data. By using Prisma, you can write less code, reduce the risk of bugs, and improve the performance of your application, making it a good choice for your data management needs. 📓 Exploring Prisma as an ORM for Node Projects Setup ProcessThe Setup Process for Prisma is Divided into different phases as listed below. In ...

Learn Firebase with Vite Example combining Firebase SDK (mainly Firestore DB), Preact, Typescript, Tailwind created with Vite.https://github.com/moebiusmania/learn-firebase-with-vite BEFORE GETTING STARTEDCreate an .env file starting from the .env.example template and add your appID value from the Firebase Dashboard. What’s being used: Vite - project scaffolding & development setup Preact - React-like library closer to the Web Standards Typescript - static type checking for Javascript Tailw ...

Lesson 1: A Hello World for Node.js and ExpressWe’re going to build a basic Node.js server that uses Express for theAPI. Initialize a new node projectThe first step with Node.js is to initialize a new project. You dothis with npm init. 123mkdir lesson1cd lesson1npm init This will ask you a number of questions. Here is how I answered them: 123456789package name: (lesson1)version: (1.0.0)description: hello worldentry point: (index.js) server.jstest command:git repository:keywords:author:license: ...

This is just a simple demonstration to get a basic understanding of how Docker works while working step by step. I learned docker like this and made this repo to solve some problems that I faced during my learning experience so that it might help other beginners. Hope you enjoy learning. If you like it give it an ⭐ on GitHub and support my work. Important:- By seeing the size of readme you might have second thoughts but, to be honest, if you work from start you won’t experience any problem and ...

Introduction to PostmanPostman is a Chrome add-on and application which is used to fire requests to an API. Features: Very lightweight and fast Requests can be organized in groups (called collections) and folders Tests can be created with verifications for certain conditions on the response Share workspaces or collections with other people or teams Publish collections as API documentation Run tests on collections (using the Collection Runner or Newman) Monitor collections Setup mock servers Do ...

ES6 IntroThis is a quick intro to get up-to-speed with the new class syntax introduced in ES6. We’ll also cover ES modules as they’re kind of unavoidable in frontend now. ClassesSyntaxThe ES6 class syntax is an easier way to create object-oriented structures in JavaScript. Previously you had to rely on prototypical inheritance with constructor functions. (If you’re curious about inheritance and prototypes you could check out MDN’s guide, but it’s not strictly necessary to continue) Here’s an exa ...

JavaScript ES6 Syntax Lesson OverviewIn this lesson, we’ll learn all about the new (as of 2015 lol) standard in JavaScript syntax: ES6 or ECMAScript 2015. Objectives Learn about the spread operator and the power it gives us Learn all about destructuring Get practice in with each of these new concepts Getting Started Fork and Clone Open this repo in your code editor Create an index.js file. Lesson InstructionsES6 Spread SyntaxES6 introduced the spread syntax for dealing with cases when we want ...

Learning EnglishGlobal list of resources for learning English across the web Table of Contents Vocabulary Grammar Speaking School Textbooks in English Fiction in English Adaptive Books in English Listening Speaking Practice YouTube Channels Social Networks Courses, Lessons and Topics TV/Radio Apps Games Programs Dictionaries Test of English ResourcesVocabulary Word of the Day Parts of Speech and Vocab Rules Topic Vocabulary Vocab Reference Formation Active Vocabulary My first 1000 English ...