avacacodeavacacode.hashnode.dev·Mar 26, 2024Using JSX in ReactWhy JSX? JSX allows html, css and js to be written in one place, as opposed to the old way of putting them in separate files. Example JSX Curly braces for dynamic strings. export default function TodoList() { const name = 'Gregorio Y. Zara'; retu...DiscussReact
Richa richak.hashnode.dev·Mar 16, 2024🎯How to Position Modals Relative to Parent Elements🐱🏍Introduction Hello Coders👩💻👨💻 As web developers, we've all encountered the frustration of aligning modals precisely where we want them, especially relative to their parent elements. It's a common pain point that can disrupt the user experi...Discuss·10 likesReact
Amrish Pratap Singhblog.amrishpratapsingh.com·Mar 16, 2024Learning ReactJS: 10 Important Topics of ReactJSLearning ReactJS can be both exciting and problematic for newcomers. As someone who has navigated through the maze of React concepts, I'm here to share my insights and experiences to help you master this powerful library. Understanding JSX At the hea...Discuss·36 readsReactJSHashnode
Piyush NanwaniforAtomxelblog.atomxel.com·Mar 9, 2024Understanding React Concepts: State and PropReact, with its declarative and component-based approach, relies on key concepts like state and props to manage and pass data. This blog aims to explain the differences between state and props with examples. State State is the internal handling of da...Discussatomxel
Mohammed Abdul Raheemraheemalzeeshan.hashnode.dev·Mar 7, 2024What is JSX in ReactThe JSX stands for Javascript XML. In JSX you can code HTML code within a javascript file. This JSX allows you to mix HTML-like code syntax with JavaScript expression, making it easier to represent the structure of your UI in a more declarative and r...DiscussReact NotesReact
Piyush NanwaniforAtomxelblog.atomxel.com·Feb 29, 2024Introduction to React JSI wonder if someone is new to web development and they start with React, the moment they start exploring the amount of options / choices they have to make to choose the set of libraries, frameworks, the best practices in working with React, they will...DiscussReact
Jongchan KimProkickbell.hashnode.dev·Feb 23, 2024Vanilla SPA 1: JSX & Virtual DOM Diffing대망의 나만의 리액트 스타일 SPA 만들기 시작해보겠습니다. 이번 아티클에서는 JSX 파싱 JSX to Virtual DOM Virtual DOM Diffing Commit 을 다뤄보도록 하겠습니다. JSX란? JSX란 XML 스타일의 트리 구조로 표현하고 싶은 것들을 자바스크립트와 함께 작성하는 문법입니다. JSX의 구성 요소 JSXElement: HTML element와 비슷한 역할을 하는 컴포넌트 JSXAttributes: ...Discuss·59 readsVanilla SPAvanilla-js
Felix Jumasonblackie.hashnode.dev·Feb 23, 2024Overcoming Asynchronous Hurdles in a File Sharing Web AppBuilding a file-sharing web app presents its unique set of challenges, and one of the hurdles we faced was grappling with asynchronous behavior during file uploads. In this blog post, we’ll delve into the issue we encountered and the solution that pr...DiscussJSX
Nikhil AkkiPronikhilakki.in·Feb 10, 2024SolidJS: Build Dynamic Web ApplicationsSolidJS is a lightweight JavaScript library for building user interfaces. It follows a reactive approach and offers a declarative syntax similar to React, allowing developers to efficiently create interactive web applications. SolidJS provides a mini...Discuss·73 readsFrontend Frameworksjsframework
Knight | Obey Joshua (O'jay) Matusoobeymatuso.hashnode.dev·Feb 8, 2024React Hooks: UseStateWhat is a React Hook? A React hook is a function that allows us to use React features in our functional components. They are especially useful because they enable functional components to have stateful logic, side effects and access to react features...DiscussReact