Devbrewery

 Being a modern React developer is not about knowing just React itself. To stay competitive, it is highly recommended to explore the whole ecosystem In this article I've compiled some of the most useful React component libraries that you could use to speed up your developer workflow. Those will include anything from working with forms, charts, calendars, tables, guides, popups, colors, animations, music, images and so much more. 1. react-hook-form React Hooks for form state management and validation. 2. recharts Redefined chart library built with React and D3. 3. react-big-calendar An events calendar built for React and modern browsers. 4. react-beautiful-dnd Beautiful and accessible drag and drop for lists with React. 5. react-table A library for building powerful tables and data grids. 6. react-joyride Create guided tours for your apps. 7. react-advanced-cropper Create customized crops for your designs. 8. react-colorful A tiny, dependency-free, fast and accessible color picker c...

Understanding how to go around creating a list and doing some logical operations with a list in python is an intriguing part of python one needs to understand. in this article, you will learn the list concept and how to create a list, and several operations you can perform with a List in Python, without wasting much time let's get started. What's a List? A list is a collection of more than one item in a variable enclosed in a square bracket. "[]", they are ordered and changeable, a list also allows us to create a duplicate of its members. Generally, a list is used to store multiple items into a variable, and we can store strings, integers, Boolean, or any datatype into a list. Example A string list. Python List_of_cars= ["Volvo", "Benz", "BMW", "Hyundai", "Honda"] An integer list. int_list= [12, 35, 45, 78, 67] A Boolean list. Bool_list= [True, False] We can also create a list with different data types altogether. Diff...

Being a developer it is very important to know how to make API calls. hence in this blog we will discuss about Javascript Fetch API which is very commonly used to make API calls. What is Fetch API and why to use it ? The Fetch API provides a JavaScript interface for accessing and manipulating parts of the protocol, such as requests and responses. It also provides a global fetch() method that provides an easy, logical way to fetch resources asynchronously across the network. This kind of functionality was previously achieved using XMLHttpRequest. Fetch provides a better alternative that can be easily used by other technologies such as Service Workers. Fetch also provides a single logical place to define other HTTP-related concepts such as CORS and extensions to HTTP. The fetch specification differs from jQuery.ajax() in the following significant ways: The Promise returned from fetch() won't reject on HTTP error status even if the response is an HTTP 404 or 500. Instead, as soon as t...

The previous line is hard to understand because its about closures which is a very critical concept in Javascript.In this blog we will take a look at Javascript closures and will try to make it simplke for you all. JavaScript allows writing function inside an outer function. We can write as many inner functions as we want. If inner function access the variables of outer function then it is called closure. function outerFunction() {     let count = 0;     function innerFunction() {         count++         return count     }     return innerFunction } const innerFunc = outerFunction() console.log(innerFunc()) console.log(innerFunc()) console.log(innerFunc()) //1 //2 //3 Let us more example of inner functions function outerFunction() {     let count = 0;     function plusOne() {         count++         return count     }     functio...

In this blog, we will cover all the basics of AWS EC2 which you all should know in order to start using AWS EC2. Compute services are the backbone that powers most web-based applications. Amazon Elastic Compute Cloud (Amazon EC2) is the foundation that many other Amazon Web Services (AWS) offerings are built upon. Amazon EC2 offers over 500 instance types. You can choose the latest processor, storage, networking, and operating system to help you match the needs of your workload. Because there are so many options and customizations to choose it becomes difficult to decide an instance type and configuration for their application workloads. Instance types An EC2 instance is a virtual machine (VM) that runs in the AWS Cloud. When you launch an instance, you decide on the virtual hardware configuration by choosing an instance type. The instance type that you choose determines the hardware of the host computer used for your instance. Each instance type offers different compute, memory, and s...

In this blog I want to discuss about Restful APIs and its importance. A Restful API is a backbone of any full stack application. hence it becomes very important to understand the fundamentals of a Restful API What is RESTful API? RESTful API is an interface that two computer systems use to exchange information securely over the internet. Most business applications have to communicate with other internal and third-party applications to perform various tasks. For example, to generate monthly payslips, your internal accounts system has to share data with your customer's banking system to automate invoicing and communicate with an internal timesheet application. RESTful APIs support this information exchange because they follow secure, reliable, and efficient software communication standards.   What is an API? An application programming interface (API) defines the rules that you must follow to communicate with other software systems. Developers expose or create APIs so that oth...

Welcome to a brand new blog of devbrewery. In this blog I want to discuss about React hooks. React hooks in itself is a very large topic so we wont be discussing it in details but I would like to give you all an introduction of most commonly used React hooks. What are React Hooks ? Hooks are a new addition in React 16.8. They allow you use state, life cycle methods and other React features without writing a class component. If we are using hooks we can have only a functional component in the entire application. For more detail explanation you check React documentation. Different hooks have been introduced to React:Basic hooks and additional hooks   Basic Hooks The basic hooks are: useState useEffect useContext State Hook Using hooks we can access state without writing a class based component. Let's use the same example we used for class based components on day 8. To use hooks, first we should import the useState hooks from react. The useState is a function whi...