• Stars
    star
    189
  • Rank 198,817 (Top 5 %)
  • Language
    JavaScript
  • Created over 5 years ago
  • Updated about 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Redux vs React Context. Belongs to: https://academind.com/learn/react/redux-vs-context-api

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

Note: this is a one-way operation. Once you eject, you can’t go back!

If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Advanced Configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

npm run build fails to minify

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

More Repositories

1

react-complete-guide-code

Code snapshots and materials for our "React - The Complete Guide" course (https://acad.link/reactjs)
6,190
star
2

flutter-complete-guide-course-resources

Course resources (code snapshots & slides) for our complete Flutter & Dart course (https://acad.link/flutter).
Dart
1,408
star
3

react-native-practical-guide-code

Course code & attachments for our "React Native - The Practical Guide" (https://acad.link/react-native) course.
1,044
star
4

react-complete-guide-course-resources

React - The Complete Guide Course Resources (Code, Attachments, Slides)
JavaScript
1,040
star
5

100-days-of-web-development

Supplementary resources for our complete web development course (https://acad.link/web-dev).
817
star
6

node-restful-api-tutorial

This repository accompanies my YouTube series on building a RESTful API with Node.js: https://www.youtube.com/playlist?list=PL55RiY5tL51q4D-B63KBnygU6opNPFk_q
JavaScript
779
star
7

clean-code-course-code

Code and attachments for our clean code course (https://acad.link/clean-code)
TypeScript
515
star
8

yt-graphql-react-event-booking-api

Code for GraphQL + React Event Booking API Series: https://academind.com/learn/node-js/graphql-with-node-react-full-app/
JavaScript
388
star
9

yt-devmeetup-vue-firebase

Source code for my Vue + Vuetify + Firebase DevMeetup YouTube Project
JavaScript
341
star
10

django-practical-guide-course-code

This repository holds the source code snapshots for our "Django - The Practical Guide" course (https://acad.link/django)
293
star
11

github-actions-course-resources

Resources (code, slides) for our GitHub Actions course (https://acad.link/gh-actions)
JavaScript
252
star
12

react-hooks-introduction

An introduction to React.js Hooks. Also see: https://academind.com/learn/react/react-hooks-introduction
JavaScript
228
star
13

js-testing-practical-guide-code

Course code & materials for our "JavaScript Unit Testing - The Practical Guide" course (https://acad.link/testing)
216
star
14

nestjs-introduction

An introduction to NestJS - also watch the full video: https://www.academind.com/node-js/nestjs-introduction
TypeScript
167
star
15

sql-complete-guide-code

SQL command snapshots and slides for our complete SQL course (https://acad.link/sql)
155
star
16

js-testing-introduction

JavaScript testing (unit tests, integration tests, e2e tests) introduction repo - belongs to this tutorial: https://academind.com/learn/javascript/javascript-testing-introduction
JavaScript
128
star
17

power-bi-course-resources

103
star
18

remix-practical-guide-course-resources

Course resources (snapshots, slides) for my Remix course: https://acad.link/remix
JavaScript
99
star
19

vue-3-update

Vue 3 changes in action (incl. Composition API). Also see the YouTube videos: https://youtu.be/ZjBiBVNWfJ8 (What Changed?) & https://youtu.be/bwItFdPt-6M (Composition API Intro)
Vue
96
star
20

ionic-vue-getting-started

Source code for the Ionic + Vue YouTube Getting Started video: https://youtu.be/mQ4zmFy4d7Y
JavaScript
93
star
21

react-typescript-course-resources

React & TypeScript Course Resources (Check out the full course: https://acad.link/react-ts)
TypeScript
62
star
22

firebase-cloud-functions-introduction

A miniseries introducing Firebase Cloud Functions (Also see: https://www.academind.com/learn/firebase/cloud-functions)
JavaScript
58
star
23

xhr-fetch-axios-intro

An introduction (and quick comparison) of XMLHttpRequest, fetch() and Axios. Belongs to a tutorial series (https://www.academind.com/learn/javascript/xhr-fetch-axios-xmlhttprequest)
JavaScript
53
star
24

bootstrap4-introduction

This repository holds the source code for our YouTube series (https://www.academind.com/learn/css/bootstrap-4-tutorial/) on Bootstrap 4
HTML
53
star
25

react-router-6.4-intro

Get started with React Router 6.4. Check out https://acad.link/reactjs to learn all about React.js.
JavaScript
50
star
26

react-native-by-example

Source code for my YouTube video on React Native (https://youtu.be/6ZnfsJ6mM5c)
Java
47
star
27

nuxt-storyblok-complete-blog

Build a complete Blog with Nuxt.js & Storyblok. Find the videos here: https://academind.com/learn/vue-js/nuxtjs-storyblok-build-a-complete-blog/
Vue
46
star
28

react-router-v6-update

Code examples for our React Router 6 update video
JavaScript
45
star
29

cypress-e2e-testing-course-resources

"Cypress End-to-End Testing" course resources (slides & code)
JavaScript
41
star
30

reactjs-navbar-drawer-demo

Build a navbar and side drawer with React.js. Demo repo for accompanying article/ video: https://www.academind.com/learn/react/snippets/navbar-side-drawer
JavaScript
38
star
31

nextjs-13-first-look-demo

Code for my YouTube demo video: https://youtu.be/bDDuLuCqHg0
JavaScript
35
star
32

aws-first-node-app

The very first Node app we deploy on AWS (for AWS YouTube series)
JavaScript
33
star
33

functional-procedural-oop

Demo source code for https://academind.com/learn/javascript/functional-vs-oop-vs-procedural
JavaScript
29
star
34

react-18-concurrency-first-look

Demo app for a first look at Concurrency, React 18 and useTransition() and useDeferredValue (belongs to this video: https://youtu.be/lDukIAymutM)
HTML
26
star
35

pwa-sneak-peak

A little starting project for the PWA sneak peak YouTube video
JavaScript
26
star
36

yt-example-pwa

Source code of PWA Example video on our YouTube Channel
HTML
25
star
37

yt-jamstack-intro

This repository belongs to my JAMStack intro article: https://academind.com/learn/javascript/what-is-the-jamstack
JavaScript
25
star
38

css-grid-vs-flexbox

CSS Grid vs Flexbox - which one should you use? Or use them together? More info: https://www.academind.com/learn/css/css-grid-vs-flexbox/
HTML
25
star
39

docker-introduction

Get started with Docker and our full Docker course: https://acad.link/docker
JavaScript
23
star
40

localstorage-vs-cookies

Demo code for tutorial: https://academind.com/learn/javascript/localstorage-vs-cookies-xss
JavaScript
22
star
41

xss-example

Example code for tutorial: https://academind.com/learn/javascript/xss-cross-site-scripting-attacks/
CSS
21
star
42

understanding-css

Source code for our "Understanding CSS" series
20
star
43

angular-material-introduction

An Introduction to Angular Material - code for my tutorial series: https://www.academind.com/learn/angular/angular-material-a-thorough-guide
TypeScript
17
star
44

react-styling

Inline styles, styled components, CSS with BEM, CSS Modules - there are many styling options. Belongs to this article: https://www.academind.com/learn/react/inline-styles-styled-components-css
JavaScript
16
star
45

aws-demos

Demo projects for AWS demo videos. Also see https://academind.com/tutorials.
EJS
15
star
46

deno-first-look

A first look at Deno.js (also see: https://academind.com/learn/node-js/deno-first-look).
TypeScript
14
star
47

js-modal

Create a Modal with JS (and CSS) only (https://academind.com/learn/javascript/building-a-modal/)
CSS
13
star
48

d3js-basics

Repository for D3.js Basics series: https://academind.com/learn/javascript/d3js-basics/
JavaScript
13
star
49

react-16.6-new-features

What's new in React 16.6? Here is the demo code for our tutorial: https://academind.com/learn/react/react-16-6-whats-new
JavaScript
12
star
50

web-development-beginners-guide

Source code for our web development beginner's guide
12
star
51

building-an-advent-calendar

JavaScript
11
star
52

side-navigation-bar

Source code for our responsive side navigation bar tutorial
CSS
10
star
53

css-complete-guide-excerpt

Source code of YouTube video on our "CSS - The Complete Guide" course (https://www.udemy.com/css-the-complete-guide-incl-flexbox-grid-sass).
HTML
8
star
54

angular-snippets

Source code for my accompanying "Angular Snippets" videos on https://www.youtube.com/c/academind
TypeScript
8
star
55

aws-serverless-demo-app

Demo app for my AWS Serverless Intro video on YouTube
TypeScript
8
star
56

laravel-simple-blog

A (very) simple blog to show how to deploy Laravel to AWS Elastic Beanstalk
PHP
8
star
57

yt-vuejs-rxjs

Source code for YouTube Videos on Vue.js + RxJS
JavaScript
8
star
58

js-this-and-function-references

Why do we have function calls without parentheses? And why does "this" behave so strange? Check the corresponding article: https://academind.com/learn/javascript/this-keyword-function-references/
JavaScript
8
star
59

ng-spa-databases

How do you connect Angular, React, Vue etc. to a database? This repo belongs to a video + article where I answer this question: https://www.academind.com/angular/connect-to-database
TypeScript
7
star
60

stencil-basics

Source code of my Stencil Basics YouTube Series
HTML
6
star
61

python-game

Python
6
star
62

angular-pwa

Add a service worker to Angular. Repo for Academind Tutorial: https://www.academind.com/learn/angular/snippets/angular-pwa-service-worker-tutorial
TypeScript
6
star
63

javascript-bind-functions

Direct vs indirect function execution (incl. bind) - belongs to this tutorial: https://academind.com/learn/javascript/function-bind-event-execution
JavaScript
5
star
64

yt-firebase-google-demo

Source code for YouTube video about Firebase (with Google!)
TypeScript
4
star
65

css-vanilla-vs-frameworks

Vanilla CSS vs Bootstrap vs Tailwind CSS. What's the best choice? More info: https://www.academind.com/learn/css/vanilla-css-vs-frameworks/
HTML
3
star
66

angular-href-vs-routerlink

Code for Angular "href" vs "routerLink" video
TypeScript
3
star
67

ng6-update-example-project

A small example project for Ng6 changes - see YouTube video: https://youtu.be/Xr5l7lT--YU
TypeScript
2
star
68

ng6-elements

Angular Elements - a small demo for my YouTube Video: https://youtu.be/y73NMviRoPY
TypeScript
2
star
69

vue-composition-api-preview

A first (thorough) look at the Vue composition API
Vue
1
star