![Koding 101](/img/default-banner.jpg)
- 111
- 441 145
Koding 101
United States
Registrace 10. 08. 2019
Ready, Set, Deploy: The Ultimate Guide to Preparing Your App for Launch!
This video provides a step-by-step guide on how to prepare your React app for deployment. It covers everything from optimizing your code for performance to setting up environment variables and deploying to your hosting provider. You'll learn how to build your app for production, configure your environment, and deploy your app with ease. Whether you're a seasoned developer or just starting out, this video will provide you with the knowledge you need to launch your React app to the next level.
☕ Buy Me A Coffee: www.buymeacoffee.com/ksekwamote
📚 Medium: medium.com/@ksekwamote
🌐 Website: www.kutlosek.xyz
💻 GitHub: github.com/ksekwamote
👔 LinkedIn: www.linkedin.com/in/kutlosek/
☕ Buy Me A Coffee: www.buymeacoffee.com/ksekwamote
📚 Medium: medium.com/@ksekwamote
🌐 Website: www.kutlosek.xyz
💻 GitHub: github.com/ksekwamote
👔 LinkedIn: www.linkedin.com/in/kutlosek/
zhlédnutí: 401
Video
CORS Error: What it is and How to Solve it
zhlédnutí 693Před rokem
In this video, we'll dive into one of the most common errors that web developers encounter when building web applications: the CORS error. We'll explain what CORS is and why it happens, and then we'll show you step-by-step how to solve the error using different server-side techniques. By the end of this video, you'll have a clear understanding of CORS and the tools you need to fix it in your ow...
PM2: The Ultimate Tool for Managing Your Node.js Applications
zhlédnutí 24KPřed rokem
Learn how to streamline your Node.js workflow with PM2, a powerful process manager that makes it easy to monitor and manage multiple applications. In this tutorial video, we'll cover everything you need to know about PM2, including installation, configuration, and usage. We'll also provide real-world examples and tips for optimizing your Node.js applications with PM2. Whether you're a seasoned ...
Build a Kanban Board in React: A Step-by-Step Tutorial
zhlédnutí 40KPřed rokem
In this tutorial, you'll learn how to build a custom Kanban Board or Progress Board using React, a popular JavaScript library for building user interfaces. Kanban boards are a popular tool for managing tasks and workflows in Agile project management, and building one with React can help you develop a more efficient task management system. Chapters 0:00 - 1:14 Intro 01:14 - 04:00 Understanding R...
Create Your First Custom React Hook: A Beginner's Tutorial
zhlédnutí 145Před rokem
In this beginner-friendly tutorial, you'll learn how to create custom React hooks to simplify your code and make it more reusable. Custom hooks allow you to extract stateful logic from your components and reuse it across your application. We'll start by explaining the basics of hooks and how they work, before diving into the process of building a custom hook from scratch. By the end of this tut...
How to Upload Files/Images to Amazon S3 Bucket using JavaScript/Node.js
zhlédnutí 6KPřed rokem
In this tutorial, we'll show you how to upload files and images to an Amazon S3 bucket using JavaScript and Node.js. Amazon S3 is a popular cloud-based storage solution that allows you to store and retrieve data from anywhere in the world, with high scalability, reliability, and security. By the end of this video, you'll have a solid understanding of how to upload files and images to Amazon S3 ...
Simplifying Asynchronous JavaScript with .then(), async/await, and Promise.all()
zhlédnutí 70Před rokem
Asynchronous programming is an essential part of modern JavaScript development, but it can be tricky to get right. In this video, we'll dive into the world of asynchronous programming in JavaScript and explore three powerful tools for handling asynchronous operations: .then(), async/await, and Promise.all(). You'll learn how to use these methods to handle asynchronous code more efficiently and ...
Chrome Dev Tools 101: A Beginner's Guide to Using Dev Tools
zhlédnutí 18KPřed rokem
In this tutorial, you'll learn how to leverage the power of Chrome Dev Tools to improve your web development workflow. We'll cover the various features and tools available within Dev Tools, including inspecting and editing HTML and CSS, debugging JavaScript, analyzing network activity, and optimizing website performance. Whether you're a beginner or an experienced developer, this tutorial is de...
Improve Your Website's Performance with Google Lighthouse
zhlédnutí 7KPřed rokem
Google Lighthouse is an open-source, automated tool for improving the quality of web pages. It provides audits for performance, accessibility, progressive web apps, and more. Lighthouse runs audits on a set of best practices and generates a report with recommendations for improving the website. Buy Me Coffee: www.buymeacoffee.com/ksekwamote Medium: medium.com/@ksekwamote Website: www.kutlosek.x...
BASIC Express JS Crash Course
zhlédnutí 294Před rokem
Express.js is a popular JavaScript-based web framework for building web applications. It is built on top of Node.js and provides a set of robust APIs for creating HTTP servers, routing HTTP requests, and managing middleware. Express.js is designed to be minimal, flexible, and unopinionated, making it a great choice for developers who want to build web applications quickly and easily. Buy Me Cof...
Build a Todo List Application with ChatGPT's Help: React JS Tutorial
zhlédnutí 171Před rokem
ChatGPT can assist you with coding simple applications like a Todo List. It can provide code snippets, examples, and explanations to help understand the process and build your application. However, It can only provide guidance and support, and you'll need to write the code yourself and run it on your local environment. Chapters 0:00 - 01:50 Intro 01:50 - 02:19 What is ChatGPT 02:19 - 04:22 Chat...
Maximizing Productivity with ChatGPT: A Guide for JavaScript Developers
zhlédnutí 105Před rokem
ChatGPT can provide significant value to JavaScript developers as an AI-powered language model. With its ability to provide code completion, error debugging, and knowledge base services, developers can save time and effort on common and repetitive tasks. ChatGPT's ability to provide detailed information and best practices on various JavaScript topics can also help developers stay updated and in...
Effortlessly Schedule Emails using Node.js & Cron Jobs
zhlédnutí 6KPřed rokem
A cron job is a task scheduled to run automatically at specified times or dates, defined using a specific syntax. The task is executed by the cron daemon, which runs in the background. The syntax used to specify a cron job consists of 5 fields: minute (0-59), hour (0-23), day of the month (1-31), month (1-12), and day of the week (0-7, with both 0 and 7 representing Sunday). By combining these ...
Master the useEffect Hook: Real World Examples Included
zhlédnutí 525Před rokem
The useEffect hook in React is a built-in hook that lets you sync your component with an external system or perform some setup or cleanup actions when the component renders or unmounts. The useEffect hook accepts two arguments: the first is a function that contains your logic and the second is a dependency array that determines when to re-run the effect. Chapters 0:00-01:13 Intro 01:13-02:16 Co...
Warning: Each child in a list should have a unique "key" prop [ SOLVED]
zhlédnutí 2KPřed rokem
The "Each child in a list should have a unique "key" prop." warning happens in React when you create a list of elements without the special key attribute. Keys must be assigned to each element in a loop to give stable identity to elements in React. The key is used to correctly link the component to the DOM element.
Keep It Simple Stupid - How To Write Good JavaScript
zhlédnutí 436Před rokem
Keep It Simple Stupid - How To Write Good JavaScript
6 Common React Mistakes Every Beginner Makes
zhlédnutí 88Před rokem
6 Common React Mistakes Every Beginner Makes
How to build a SIMPLE Website using CHATGPT
zhlédnutí 379Před rokem
How to build a SIMPLE Website using CHATGPT
Forgot and Reset Password with React + Node JS
zhlédnutí 47KPřed rokem
Forgot and Reset Password with React Node JS
Sending Email Attachments using Node JS/Javascript (Nodemailer)
zhlédnutí 4,5KPřed rokem
Sending Email Attachments using Node JS/Javascript (Nodemailer)
How to create Skeleton Loading Animation with CSS & JS
zhlédnutí 1,7KPřed rokem
How to create Skeleton Loading Animation with CSS & JS
BASIC React Tutorial For Beginners [2023]
zhlédnutí 1KPřed rokem
BASIC React Tutorial For Beginners [2023]
Send Custom HTML Template EMAIL using Node JS
zhlédnutí 21KPřed rokem
Send Custom HTML Template EMAIL using Node JS
How to Deploy A FullStack React App to HEROKU | EASY!!!!
zhlédnutí 9KPřed rokem
How to Deploy A FullStack React App to HEROKU | EASY!!!!
How to Send Push Notifications in JavaScript
zhlédnutí 11KPřed rokem
How to Send Push Notifications in JavaScript
How to create a SHOW/HIDE Password TextField in React JS
zhlédnutí 10KPřed rokem
How to create a SHOW/HIDE Password TextField in React JS
What is LOCAL STORAGE and How to use it
zhlédnutí 205Před rokem
What is LOCAL STORAGE and How to use it
Hi sir! I need a dev like you to learn me mern stack web application on aws, how I can enter in contact with you pls?
How do i configure nginx if my other app is running on other port simultaneously.
use good microphone the explanation is good
Kindly help with the debug(er) video pls.
Great video. Clear concise and to the point.
Super helpful even one year later! Excellent tutorial style very easy to follow.
Pls use timecodes
Thank you for zoom!!! Easy to see for everybody.
Thank you so much sir
good thanks
your video was amazing helped me to deploy my project thank you very very much
What about that pm2 when i deploy in render ...m Does it even run as expected without changing anything
Thank you so much. I was struggling so much to figure out how to just deploy my backend api to heroku and i kept getting error after error after error. I came across your video and now it finally works. You are a life saver!
bruh just installing PM2 that's it? there is no any setup in package.json file or anywhere? i mean modifications like for jest
Excellent 👍
literally the best video on this error, solves all the problem while giving all the information
Great video my fellow South African.
fantastic video thank you!
bro is goated
thanks man
It didn`t work!
Yo What if, im using VITE?
But it’s not free
Good job bro, JESUS IS COMING BACK VERY SOON; WATCH AND BE PREPARED
You started beautifully, but started just pasting the codes for your convenience. this is not a useful tutorial who don't know about dnd. It appears you are teaching yourself.
Really useful overview, thanks!
PM2 is fantastic! Thanks for sharing.
how can i run it in hostinger cron job?
Thx Guy
How can i make it run with only task scheduler in windows?
good one
debugging video please :D <3
Twilio is not a free service, in the free version you can only send sms to your own mobile number
How to remove script frrom pm2
Hi, I'm using mac OS, should I still select ubuntu when I create my instance in AWS
3:10 ehm... tmux?
how we do this frentend
PM2 is for backend
I was like "I'm a pro! What am I missing?!" But I see the hosted zone Name Servers are different from the "Registered Domain" Name Servers
How can you make it support higher resolutions images?
love from india
How did you installed pm2 on windows???I have windows 11 and won recognize command that i putted
Can someone see the code from inspect in google?
Great content! Keep it up
What if it's react-bootstrap? Where can I find that server folder?
could you please provide git link
Bruhh. Please anyone. Don't follow this tutorial. This is a security nightmare.
You did not show how to optimize it
It's worth mentioning that you should configure the EC2 security group inbound rule to https - tcp - port 443. Without this it won't work.
Error: Invalid login: 535-5.7.8 Username and Password not accepted. This is the error which I am receiving at the time of clicking the button of forget button
Great video, helped me a lot!