100daysofcode

React is a front-end JavaScript library. So you probably want to know the basics of JavaScript before diving into react, otherwise you will end up having a rough journey which isn’t good for your productivity. I wouldn’t advice you to fully rely on my article, I had a quite rough journey and after I finally understood React, I better document it for a future me. In this article, I’ll highlight the essentials and most important things to learn and provide a link to the resources as we gear up to creating your first React application. ...

Installing git Install git from here Choose a selection based on your operating system. For Linux and Ubuntu OS, you may use this alternative: Open your terminal and paste the command below: sudo apt-get install git Ensure you have a GitHub account. If not, create one here Join GitHub. First of all, we’ll configure your details to git. “Assuming your GitHub username is DevAcc, and the email used on GitHub is [email protected]” On your terminal, use the following commands: ...

Access the best real-world tools, learning events, and training to shape the next generation of software development, using student benefits from GitHub Education GitHub Education helps students, teachers, and schools access the tools and events they need to shape the next generation of software development. %[https://education.github.com/] Well as a student whose goal/dreams or maybe ambitions are to prosper in the developer zone, GitHub Education offers the bridge to your success using the GitHub Student Developer Pack. Really cool tools available for free of course. ...

gh cli web Working with GitHub has never been boring, as a matter of fact, it’s the best part of the development process on my side. As usual, we use git and other distributed version control systems like Mercurial and many more. I have been using the GitHub cli since February this year, and it is great. So let me show you how I got to use it. I’m on Ubuntu by the way. But I guess the process is the same on other OS, I’ll check it out. ...

It’s normal to have a back-end on your website for your forms to be functional. Say no More! Netlify offers hosting to static websites and serverless technologies, and it comes with super great features including form handling without a back-end. Let’s build a form with Netlify: What you will need: Netlify account GitHub account First off let’s start with a simple html form: Create a new html file and paste the snippet below: ...

Telegram bots are automated applications that run inside Telegram. Users can interact with bots by sending messages, commands, and inline requests. Today, we’ll walk you through how to build a simple Telegram bot using Node.js that provides weather and time information for any city. Prerequisites Before we start, make sure you have the following: Node.js and npm are installed on your machine. A Telegram account to create and manage bots. An API key from OpenWeatherMap. Setting Up Your Project Firstly, install the required Node.js packages: dotenv, node-telegram-bot-api, axios, and moment-timezone. ...

GraphQL is a powerful query language for APIs that allows developers to request and receive the data they need efficiently. In this step-by-step guide, we will walk you through the process of building a GraphQL API using Node.js, using airport data as a sample for the demo. Whether you’re a beginner or an experienced developer, this tutorial will provide you with the necessary knowledge to easily create your GraphQL API. ...

2022 has seen growth in Developer communities and Tech events in Kenya. There are now many communities that developers can benefit from just by being a part of. This article will list some of them and how to join the communities. Only Devs Only Devs is a developer Community from Mombasa. It started from a Payment Integration Hackathon, and they have been active ever since. They have weekly sessions on Fridays at Techbridge Invest, where they share skills and knowledge and hold hands-on code sessions. ...

TL;DR This post will take you through installing JupyterLabs and how to add a NodeJS kernel to it in Ubuntu. Installing JupyterLabs For a better experience, you should install Jupyter Lab inside a virtual environment. sudo apt install python3-venv After the installation is complete, create a new environment: python3 -m venv jlab Note that you can replace the jlab with any name of your choice. Now activate the environment: ...

A state is the current data passed in React components. State management in React enables you to dynamically update data in Components. This post will take you through creating an initial state and an event to trigger a state update in Reactjs. Prerequisites: NodeJS Installed Knowledge of React Source Code and Demo GitHub Repo Link Creating A New React App: # create a new react app npx create-react-app state-management-demo # move into the new app's directory cd state management-demo # start the app to see if everything is okay npm start For the Demo, clean the App.js to have the following: ...

Near protocol is a decentralized application platform that gives developer-friendly features to build and develop smart contracts. Near offers the platform to build smart contracts in Rust and deploy them. By default, Near supports Rust and AssemblyScript. Rust is recommended for its greater developer experience when it comes to memory allocation and a minimal runtime, among other great reasons. Installing Rust (Ubuntu/Linux) To install Rust, follow the steps below: Install Curl If you don’t have curl installed, use the scripts below: ...

When creating a react application/website, most of the pages would be sharing the same content all over. For example the navigation bar and page footer. Instead of importing each component in every page to be rendered, it is much easier and faster to just create a layout component. This post will cover how to create a react app using Layout Components. Live demo: https://hjpx0v.csb.app/ Source Code to the demo: https://github.com/achingachris/react-layout-demo Here is how to do it: ...

Making payments online should be seamless and less frustrating. I conquered my fear and tested out Flutterwave and I was really impressed. Here is how to create a simple payment form using Flutterwave and WordPress. What you’ll need Xampp WordPress Flutterwave Account (Test Mode/Live) To get started with WordPress in your local development environment, here is a step by step guide: How To Install WordPress in Windows Creating Flutterwave Account Create a flutterwave account. Go to settings, and under the API tab, you’ll get your API keys. ...

WordPress is a popular, open-source content management system (CMS) allowing users to create, edit, and manage websites and blogs quickly. WordPress is known for its user-friendly interface, extensive customization options, and vast plugins and themes, enabling users to add functionality and design elements to their websites without needing extensive coding knowledge. The platform is used for various websites, including personal blogs, business websites, e-commerce sites, online portfolios, and more. There are two main versions of WordPress: ...

Hi There! Welcome to Data 101. In this article, I will take you through reading files using Python as you prepare to analyze them. I will be using Google’s Colaboratory tool as my IDE. You don’t have to install or set up anything on your laptop/computer to use it, simply go to https://research.google.com/colaboratory/ and create a new notebook. Reading CSV Files You’ll need to upload a data file. To do so, click on the folder icon on the far left of the Notebook: ...