Skip to content

pewobox79/gfn-certified-javascript-25-26

Repository files navigation

React Development Resources GFN Course

A curated collection of React tools, libraries, and resources for building modern web applications. This repository gathers essential documentation, frameworks, styling solutions, development tools, and deployment platforms used in professional React development.


Table of Contents


Core React & Tooling

Vite

Fast build tool and development server used to run React and other modern frameworks.

https://vite.dev/

React Documentation

Official React documentation and learning materials.

https://react.dev/learn/creating-a-react-app


React Frameworks

These frameworks extend React with additional capabilities such as routing, server-side rendering, and full-stack tooling.

TanStack Start

A modern React-based full-stack framework.

https://tanstack.com/start/latest

Next.js

One of the most popular React frameworks with built-in routing, SSR, and API routes.

https://nextjs.org/docs


Routing

React Router

Standard routing solution for React applications.

https://reactrouter.com/start/declarative/installation


Styling & UI

Bootstrap

Popular CSS framework for responsive web design.

https://getbootstrap.com/docs/5.3/getting-started/introduction/

Tailwind CSS

Utility-first CSS framework for rapid UI development.

https://tailwindcss.com/

ThemeForest

Marketplace for website templates and UI designs.

https://themeforest.net/popular_item/by_category?category=site-templates

CSS Box Shadow Generator

Collection of box-shadow examples and generators.

https://getcssscan.com/css-box-shadow-examples

Bootstrap vs Tailwind Comparison

https://media.licdn.com/dms/document/media/v2/D4D1FAQFv8-NOEx-OWA/feedshare-document-pdf-analyzed/B4DZx0CLbnJUAY-/0/1771473257630?e=1772668800&v=beta&t=e0PLv-sKh8ZY6hDRjyZW-1jLws0IlH8RktFj97WN6Q0


Forms

React Hook Form

Performant form library with easy validation and minimal re-renders.

https://react-hook-form.com/

Formik

Another popular form handling library for React.

https://formik.org/


State Management

Zustand

Lightweight and scalable state management library.

https://zustand-demo.pmnd.rs/

React useContext

Built-in React hook for global state sharing.

https://react.dev/reference/react/useContext


HTTP & API Requests

Axios

Promise-based HTTP client for making API requests.

https://axios-http.com/docs/example


Query Strings

QS Module

Library for parsing and serializing query strings.

https://www.npmjs.com/package/qs


Deployment

Popular platforms for deploying modern web applications.

Netlify

https://www.netlify.com/

Vercel

https://vercel.com/

Heroku

https://www.heroku.com/


Performance Tools

Bundlephobia

Analyze npm package sizes before installing them.

https://bundlephobia.com/


Mobile Development

React Native

Build native mobile apps using React.

https://reactnative.dev/

Flutter

Alternative cross-platform mobile development framework.

https://flutter.dev/


Developer Tools

Wappalyzer

Browser extension to detect technologies used on websites.

https://chromewebstore.google.com/detail/wappalyzer-technology-pro/gppongmhjkpfnbhagpmjfkannfbllamg?hl=en&utm_medium=user_site&utm_source=options_page

React Developer Tools

Debugging tools for inspecting React component trees.

https://chromewebstore.google.com/detail/fmkadmapgofadopljbjfkapdkoienihi?utm_source=item-share-cb


Git Resources

Git Tutorial (German)

Note: The examples use Python, but the Git concepts apply to any programming language.

https://www.youtube.com/watch?v=uGLQF2kUwOA


Testing

Testing Frameworks

Note: Vite Testing Tool VITEST Documentation.

https://vitest.dev/


Authentication

Strapi CMS auth

Note: Anleitung wie man einen authenticated user anlegt und die daten verarbeitet

https://strapi.io/blog/a-beginners-guide-to-authentication-and-authorization-in-strapi


JWT

JSON Web Token

Note: JWT documentation and testing.

https://www.jwt.io/


Proxy

Proxy vs VPN

Note: Unterschied zwischen Proxy und VPN

https://xvpn.io/resources/proxy-vs-vpn


DSGVO

Website DSGVO Konform machen

Note: E-Recht24 bietet hier umfangreiche Beratung und Tools

https://www.e-recht24.de/

Note: IHK Regensburg Checkliste

https://www.ihk.de/regensburg/fachthemen/recht/online-recht-und-datenschutz/eu-datenschutzgrundverordnung/anforderungen-an-websites-nach-der-ds-gvo-4158848

Google Consent

Note: Anleitung wie man Google Analytics DSGVO-konform einbindet

https://developers.google.com/tag-platform/security/guides/consent?consentmode=advanced

Google Maps Alternative

Note: Alternative zu Google Maps iframe Lösung

https://leafletjs.com/download.html


Experts

YouTube Quellen

Note: Empfehlungen um up-to-date zu bleiben

https://www.youtube.com/channel/UC6vRUjYqDuoUsYsku86Lrsw https://www.youtube.com/@TraversyMedia https://www.youtube.com/@WebDevSimplified https://www.youtube.com/@maximilian-schwarzmueller

About

Unterrichtsmaterial GFN Certified JS 25-26

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors