Join 36,953 other Developers as we
Learn, Build, and Grow Together.
Connect with fellow developers and gain access to tools that will help you build a profitable SaaS 🚀
Sign Up
Setting Alpine Data Outside of the Component
Using the new AlpineJS event system in version 3.0 we can easily set data from outside the component by using custom events.
I had previously written an article where I showed you how to get and set data outside of the AlpineJS component scope using the .__x property; however, this is only accessible in version 2 so I wanted to...
3
Select One:
Setup a Self-Hosted Git Service with Gitea
Gitea is a self-hosted git service written in Go, it's super lightweight to run and supports ARM architectures as well, so you can run it on a Raspberry Pi as well.
What are we doing today
In this tutorial we will be setting up a self hosted version control repository with Gitea on Docker using Traefik as our Load Balancer and S...
1
Select One:
Automatically display your latest posts on your GitHub Profile README
Introduction
By creating a repository with the same name as your GitHub username (eg. bobbyiliev/bobbyiliev) you actually create a special repository. Its README.md will appear on your public profile.
In this post I will show you how to automatically display your latest posts on your GitHub Profile README.md file like this:
We...
7
Select One:
React Hooks Cheatsheet
React hooks are great additions to React which has completely changed how we write code. Hooks were introduced in React starting with version 16.8.0.
Before React hooks, there was no way of using state and lifecycle methods in functional components, and that’s why the functional components were called Stateless Functional Compon...
4
Select One:
State and React router - Shorts
React Router is the standard routing library for React. It has a simple API with all the powerful features like lazy code loading, dynamic route matching and location transition handling built-in.
It allows us to create a multi-page feel in a single page application.
Let's see an example to understand the basic usage of React ro...
3
Select One:
Decorators and Object creation pattern in JavaScript
Object creation mechanisms increase the flexibility and reuse of existing code. Here in this post, we will see the Object Creation Pattern in JavaScript.
Some patterns to create an object are:
Factory pattern
Constructor pattern
Prototype pattern
Constructor / Prototype pattern
Factory Pattern
The factory pattern uses a func...
3
Select One:
5 Reusable Laravel Blade Components with Alpine.js
In this blog post, we’ll create five reusable components using Laravel Blade Components, Alpine.js and TailwindCSS. We will build the following components:
Copy to Clipboard
Global Progress Bar
Image
QrCode
Avatar
I'm assuming you've used AlpineJS, Laravel Blade Components, and TailwindCSS before.
If you haven't tried AlpineJ...
3
Select One:
Redirect Systemd Unit Logs to Syslog
By default when we create a systemd unit file and start the service using systemd, we can access the logs using journalctl as:
$ sudo journalctl -fu <unit-name>
If we wanted to redirect the log to syslog so that we have the logs available in /var/log/syslog and set a specific indentifier, its possible to do that inside th...
2
Select One:
Helpful Resources For React JS Developers In 2021🚀
Working with React JS? Then here is the best collection of extremely useful resources for reactjs developers. Before we start the list let's get to know about Reactjs in short.
What Is ReactJS?
As we all know, React is one of the best sources to create an interface for web applications. Moreover, React dashboards also have mor...
5
Select One:
Email verification using Jetstream and mailtrap
Laravel Jetstream includes login, registration, email verification... When a new user clicks on the Sign up button of an app, he or she usually gets a confirmation email with an activation link.After the click on the activation link, the user is authenticated for the app.
1. First Enable email verification on config/fortify.php...
2
Select One:
12+ Github Repositories to Help You Ace Your Job Interview
The word "interview" is frequently associated with anxiety and discomfort. However, you may prepare vital tools to brighten up and organize fruitful interviews with this article's assistance.
I'll provide you with a list of GitHub repositories that will assist you in preparing for your next technical/coding interview....
3
Select One:
The Data Engineer Roadmap 🗺
Introduction
With the ever growing data volumes and demands, the data engineering career has been one of the fastest growing jobs for the past few years.
According to the 2021 Stack Overflow survey, data engineers are one of the top 5 highest paid professionals right after SREs and DevOps engineers:
If you are looking to become...
6
Select One:
The Only Bash Scripting Cheat Sheet That You Will Ever Need
Introduction
No matter if you are a DevOps/SysOps engineer, developer, or just a Linux enthusiast, you can use Bash scripts to combine different Linux commands and automate boring and repetitive daily tasks, so that you can focus on more productive and fun things.
Here you can find the completed Bash Scripting cheat sheet 👇
Bash...
6
Select One:
TailwindCSS Scroll Snap Utilities
When TailwindCSS v3 is released, we will have some awesome new utility classes to include in our pages. One of which is the the scroll-snap utilities. This will allow you to easily add simple scroll snapping to elements when a user scrolls the page.
In this quick post you'll learn how to implement this awesome utility in your pa...
5
Select One:
Hacktoberfest 101: Everything You Need To Know About It
Hacktoberfest is no stranger to you. Every October, DigitalOcean hosts Hacktoberfest. It is a month-long, community-wide event celebrating open source projects. Participants receive prizes and shout-outs. There might still be some questions you have about Hacktoberfest. In this post, I've compiled some resources for getting star...
4
Select One:
DevDojo Weekly - Oct. 17th 2021
Hello week 3 of October 🎃. In this edition of DevDojo weekly we have some awesome tutorials on Javascript, React, Node, and more!
Want a chance to win a quick $20 in cash money 💰 next week? Write a post on DevDojo and you will automatically be entered. Learn more about the official rules here.
Ok, let's move on to the weekly win...
5
Select One:
An Introduction to RxJS - Shorts
RxJS (Reactive Extensions for JavaScript) is a library for receptive programming utilizing observables that makes it simpler to make nonconcurrent or callback-based code.
There is a lot to it, this post is the only introduction to RxJS. Creating applications with RxJS would enjoy many benefits and it would give you extraordinary...
2
Select One:
Pro Tips to Search on Google 🔥
Hello Folks 👋
This is Savio here. I'm young dev with an intention to enhance as a successful web developer. I love building web apps with React. I have proved my superiority in frontend technologies.
Today, I'd like to share 11 pro tips to search google!! 🚀
Why Googling is Must Have Skill?
Googling is the most important skill...
5
Select One:
5 ways to merge arrays in JavaScript and their differences
An array is a collection of elements or items. We use arrays to store data as elements and retrieve them back when we need them. The array is a data structure widely used in many programming languages, and JavaScript is not an exception.
You may need to merge one or more arrays to combine all the elements from the individual arr...
4
Select One:
Modern JavaScript – Imports, Exports, Let, Const, and Promises in ES6+
Over the past few years, there have been many updates to the JavaScript language. And these updates are very useful if you want to improve your coding.
Keeping abreast of the newest developments in the language is really important. It can help you get a higher paying job, keep up to date with the latest trends, improve your cod...
3
Select One:
Top 40 JavaScript Methods You Must Know!!
JavaScript is a programming language used to create web pages and mobile apps. If you have been studying Javascript for so long and still it looks scary to you, probably you haven't learnt these methods yet. This article is for all javascript developers at any level. If you are looking for a specific method, feel free to jump a...
4
Select One:
React.Fragments in React - Shorts
When working with React, there are times when you'll need to pass around gatherings of React components.
And keeping in mind that it used to be that doing as such expected you to add futile holder parts or befuddling arrays.
Respond settled this by presenting Fragments — a basic way of collecting components without addi...
3
Select One:
How to turn your AWS S3 Bucket into a network drive! (Free)
Did you know you can add your S3 bucket to your network drive WITHOUT using your local drive storage?? Ditch Onedrive, Dropbox or Mega! I will show you the process on how to set it up 100% for free!
Process
To begin you must have an AWS account.
Go to your AWS Control Panel
Search up IAM and press the first icon
At the right s...
4
Select One:
Importance of JavaScript Exec Method In JavaScript
Regular expressions are great for finding patterns in a string for a particular match. They help us to convert complex logic into short and easy-to-understand code.
Today we will see one such great method for pattern matching in JavaScript which is the exec method.
We will also see some code examples where exec is really helpful...
4
Select One:
Integrate Auth0 with React JS - A step by step tutorial
Auth0 is a drag-and-drag solution for integrating authentication and authorisation into your apps.In this article, we will take a look on how to integrate auth0 into a react app
Creating a react app
The first step is to create a simple react app which you can do just by running the command below in your terminal.
npx create-reac...
7
Select One:
globalThis in JavaScript - Shorts
The javascript languages are increasingly used in a wide variety of environments. In addition to the web browsers which is the most common type of host environment for JavaScript programs in server, smartphones, and even robotic hardware.
Each environment has its object model and provides a different syntax to access the global...
4
Select One:
Install Nodejs on Linux using NVM
In this post we will install Nodejs using Node Version Manager (nvm), which allows you to install and use different versions of node via the command line.
For more information on NVM, checkout their github repository
Install
I will be using a debian based linux distribution, so I first will be updating my package manager's index...
2
Select One:
How To Solve Gee Captcha in Python Using 2Captcha
Everybody knows captchas as those annoying things like "Enter the letters you see on the image" when registering or providing feedback.
CAPTCHA is designed to make humans capable of reading the text without difficulty, while machines cannot. On the contrary, in practice this rarely works, as almost every simple text ca...
6
Select One:
DevDojo Weekly - Oct. 10th 2021
Hello week 2 of October 🎃. In this DevDojo weekly update we will highlight 5 winners who have written a tutorial last week.
If you want a chance to win a quick $20 in cash money 💰 next week? Write a post on DevDojo and you will automatically be entered. Learn more about the official rules here.
Let's get on with the winners, bel...
5
Select One:
An Ultimate Guide to Docker - From What is Docker to Dockerizing a Node.js Application
Docker is an open-source platform that allows us to create, deploy, and manage containerized applications. In this article, we will look at
What is Docker
Benefits of Using Docker
Performance
Scalability
Rapid Deployment
CI Efficiency
Docker Facts
Installation of docker
Mac
Linux
Dockerizing a node.js a...
4
Select One:
Loading More Content
