how to make a code editor with react js
Hello everyone, this is Prince. Today, I'll be guiding you through the process of creating a code editor using React.js. React is a powerful JavaScript library for building user interfaces, and it’s well-suited for creating dynamic and responsive web applications. Let's get started! First, you need to set up your React environment. You can do this by using Create React App, a convenient tool to set up a new React project with a single command: npx create-react-app code-editor cd code-editor Once your project is set up, you'll need to install the react-codemirror2 package, which provides a React wrapper for CodeMirror, a versatile text editor implemented in JavaScript: npm install react-codemirror2 codemirror Next, create a new component called CodeEditor.js. In this component, import the necessary modules and set up CodeMirror: import React, { useState } from 'react'; import { Controlled as ControlledEditor } from "react-codemirror2"; import "codemirror/lib/codemirror.css"; import "codemirror/theme/material.css"; function App() { const [code, setCode] = useState("// Write your code here"); const handleCodeChange = (editor, data, value) => { setCode(value); } return ( <div> <ControlledEditor value={code} onBeforeChange={handleCodeChange} options={{ mode: "javascript", theme: "material", lineNumbers: true }} /> </div> ); }
Read more... about how to make a code editor with react js
How To Start Your Coding Journey
Are you worried about placements?, or you want to learn some new skills, or want to learn game development but you don’t have idea how to start all this….So, basically I will give you all your answers of it. As a student, I also struggled like, how to start, which language should I prefer first, or, should I buy any course. Similarly, there might be many more questions in your mind, so I would suggest you some strategies which I followed to learn coding from the scratch. 1. What to learn? See guys, you have to we very clear in your mind that in which field you want to go, as every field has different language for it. Like, if u want to be a game developer than you should learn C++ and C#, but if you want to learn website designing then there are different languages for it. So, let me give you a briefly explanation of fields and their perspective languages. Domain/ Field Languages Placement C++, JAVA, PYTHON IOS Apps Swift Android Apps JAVA, Kotlin Website Designing Front-end: HTML, CSS, JAVASCRIPT Back-end: node(javascript), Django(python) Data science Python, R, MATLAB Game Development C++, c# Software Development Java, c#, golang You guys have to start from basics to the advance level. 2. GROUP: If you are a college student, then you try to make friends who are also interested in coding, so you have a coding partner and it will create a good environment of coding around you. You and your friends can solve coding problems together, can give contest together and it will become more interesting than you can thought. 3. Github And Linkedin Profiles : When you start learning new things then you should make a account on these platforms. Github is a platform used to store you code and it can be also visible to others. You can also see others code and learn new things. It lets developers collaborate on a project more effectively by providing tools for managing possibly conflicting changes from multiple developers. Linkedin is a social media platform primarily designed for professionals to connect and network. It's a place where people can showcase their accomplishments, skills, and work experience in a more formal way than other social media sites. Here, you can approach job recruiters and get a job referral from seniors. 4. DSA: DSA plays an important role if you are learning coding for placements. Top companies mainly ask questions on it when u apply for placement. DSA by c++ increases you chance for getting a job their . So you just need to practice more questions on it. 5. Don’t Quit: Many people start doing coding but quit early because they get bored or not get solutions of all the problems while learning. So, you don’t have to quit, you have to put all your efforts in it to get results. Yes, it gets boring but if you have a discipline and your mind in it, then no one can stop you from learning it. You have to give more time to it and after investing your time in it, it will become more interesting than you can thought. So just have some passions while learning it and don’t quit.
Read more... about How To Start Your Coding Journey
How to make resoponsive website
Hello JIi, My name is Prince I am a noob in software develeloper Today I will teach you how to make a responsive website So what you have to do is copy the html file go to chatgpt and write the prompt("Write the cool css for this html code also make sure that the css should also have responsive for mobile and tablet ) The chatgpt will give you the css code copy it make a css file in code base and paste there Here we go !!!!!!!!!!!!!!!!!!!!!! print("hello world")
Read more... about How to make resoponsive website