React

Display Lists in React JSX
https://pupli.net/2022/03/display-lists-in-react-jsx/

Conditional Rendering in React JSX
https://pupli.net/2022/03/conditional-rendering-in-react-jsx/

Components and Props in React
https://pupli.net/2022/03/components-and-props-in-react/

Using the State Hook to Save Component State in React
https://pupli.net/2022/03/using-the-state-hook-to-save-component-state-in-react/

Enable Strict Mode in React for Highlighting Potential Problems
https://pupli.net/2022/03/enable-strict-mode-in-react-for-highlighting-potential-problems/

Pass Children Elements in React using children prop
https://pupli.net/2022/03/pass-children-elements-in-react-using-children-prop/

React Conditional className
https://pupli.net/2022/03/react-conditional-classname/

Handling Events on React
https://pupli.net/2022/03/handling-events-on-react/

Create Events for React Component
https://pupli.net/2022/03/create-events-for-react-component/

HTML Form Elements in React
https://pupli.net/2022/04/html-form-elements-in-react/

Access DOM nodes using Ref in React
https://pupli.net/2022/04/access-dom-nodes-using-ref-in-react/

Run Code after React Component using Effect Hook
https://pupli.net/2022/04/run-code-after-react-component-using-effect-hook/

Creating a React App using npx
https://pupli.net/2022/04/creating-a-react-app-using-npx/

Working with Links in React Router
https://pupli.net/2022/04/working-with-links-in-react-router/

Display Active Links in React Router using NavLink
https://pupli.net/2022/04/display-active-links-in-react-router-using-navlink/

Reading URL Params in React Router
https://pupli.net/2022/04/reading-url-params-in-react-router/

Nested Routes in React Router
https://pupli.net/2022/04/nested-routes-in-react-router/

Navigate Programmatically in React Router
https://pupli.net/2022/04/navigate-programmatically-in-react-router/

Return Multiple Elements from React Component using Fragment
https://pupli.net/2022/04/return-multiple-elements-from-react-component-using-fragment/

Not Found Page in React Router
https://pupli.net/2022/04/not-found-page-in-react-router/

Relative Links in React Router
https://pupli.net/2022/04/relative-links-in-react-router/

Typechecking With PropTypes in React Typescript
https://pupli.net/2022/04/typechecking-with-proptypes-in-react-typescript/

Working with Query Parameters in React Router
https://pupli.net/2022/04/working-with-query-parameters-in-react-router/

Use Location State in React Router
https://pupli.net/2022/04/use-location-state-in-react-router/

Conditionally Joining classNames using classnames Library in React
https://pupli.net/2022/04/conditionally-joining-classnames-using-classnames-library-in-react/

Conditionally Joining classNames using clsx Library in React
https://pupli.net/2022/04/conditionally-joining-classnames-using-clsx-library-in-react/

Conditionally Joining classNames in React
https://pupli.net/2022/04/conditionally-joining-classnames-in-react/

Use CSS Modules in React
https://pupli.net/2022/04/use-css-modules-in-react/

Using the useReducer Hook in React
https://pupli.net/2022/04/using-the-usereducer-hook-in-react/

Using React Context
https://pupli.net/2022/04/using-react-context/

useRef Hook in React
https://pupli.net/2022/04/useref-hook-in-react/

React.memo, useMemo and useCallback
https://pupli.net/2022/04/react-memo-usememo-and-usecallback/

Redux Fundamentals, Part 1: Redux Overview
https://pupli.net/2022/05/redux-fundamentals-part-1-redux-overview/

Redux Fundamentals, Part 2: Concepts and Data Flow
https://pupli.net/2022/05/redux-fundamentals-part-2-concepts-and-data-flow/

Redux Fundamentals, Part 3: State, Actions, and Reducers
https://pupli.net/2022/05/redux-fundamentals-part-3-state-actions-and-reducers/

Redux Fundamentals, Part 4: Store
https://pupli.net/2022/05/redux-fundamentals-part-4-store/

Redux Fundamentals, Part 5: UI and React
https://pupli.net/2022/05/redux-fundamentals-part-5-ui-and-react/

Redux Fundamentals, Part 6: Async Logic and Data Fetching
https://pupli.net/2022/05/redux-fundamentals-part-6-async-logic-and-data-fetching/

Redux Fundamentals, Part 7: Standard Redux Patterns
https://pupli.net/2022/05/redux-fundamentals-part-7-standard-redux-patterns/

Redux Fundamentals, Part 8: Modern Redux with Redux Toolkit
https://pupli.net/2022/05/redux-fundamentals-part-8-modern-redux-with-redux-toolkit/

Introduction to Redux
https://pupli.net/2022/04/introduction-to-redux/

Getting Started with React Redux
https://pupli.net/2022/04/getting-started-with-react-redux/

Attaching Payloads to Actions in React Redux
https://pupli.net/2022/04/attaching-payloads-to-actions-in-react-redux/

Working with Multiple State Properties in React Redux
https://pupli.net/2022/04/working-with-multiple-state-properties-in-react-redux/

Getting Started with Redux Toolkit by using createSlice in React
https://pupli.net/2022/04/getting-started-with-redux-toolkit-by-using-createslice-in-react/

Working with Multiple Slices in Redux Toolkit
https://pupli.net/2022/04/working-with-multiple-slices-in-redux-toolkit/

Implementing Counter Example in Typescript React using Redux Toolkit
https://pupli.net/2022/05/implementing-counter-example-in-typescript-react-using-redux-toolkit/

Normalizing State with createEntityAdapter in React Redux
https://pupli.net/2022/05/normalizing-state-with-createentityadapter-in-react-redux/

Writing Thunks using createAsyncThunk in React Redux
https://pupli.net/2022/05/writing-thunks-using-createasyncthunk-in-react-redux/

Write Thunks by hand in React Redux, which contain sync or async logic
https://pupli.net/2022/05/write-thunks-by-hand-in-react-redux-which-contain-sync-or-async-logic/