Abdirahman Abukar mayowDev

Basics

Learn how to start a new react native project
Run it on ios simulator, on android emulator, on a real iPhone device and on a real Android device, with and without debugging enabled.
Learn how to upgrade a react native project
Learn how to add a package to the project
Learn how to add a package that has a native dependency (https://github.com/airbnb/react-native-maps, https://github.com/evollu/react-native-fcm) - DO NOT USE COCOAPODS

Learn Navigation

React Best practices

I have summarized and compiled a list of React.JS best practices from various sources across the internet.

From the React docs

https://reactjs.org/docs/components-and-props.html
- props must be readonly
https://reactjs.org/docs/state-and-lifecycle.html

DevCamper Backend API Specifications

Create the backend for a bootcamp directory website. The frontend/UI will be created by another team (future course). The html/css template has been created and can be used as a reference for functionality. All of the functionality below needs to be fully implmented in this project.

Bootcamps

List all bootcamps in the database
- Pagination
- Select specific fields in result
- Limit number of results

Filter by fields

Storybook Docs w/ CRA & TypeScript

This is a quick-and-dirty walkthrough to set up a fresh project with Storybook Docs, Create React App, and TypeScript. If you're looking for a tutorial, please see Design Systems for Developers, which goes into much more depth but does not use Typescript.

The purpose of this walkthrough is a streamlined Typescript / Docs setup that works out of the box, since there are countless permutations and variables which can influence docs features, such as source code display, docgen, and props tables.

Step 1: Initialize CRA w/ TS

npx create-react-app cra-ts --template typescript

`constant-locals-loader` for Webpack

This loader optimizes the output of mini-css-extract-plugin and/or css-loader, entirely removing the potentially large CSS classname mappings normally inlined into your bundle when using CSS Modules.

Run npm install constant-locals-loader, then make these changes in your Webpack config:

module.exports = {
 module: {

	// check version
	node -v \|\| node --version

	// list locally installed versions of node
	nvm ls

	// list remove available versions of node
	nvm ls-remote

	// install specific version of node

	<?php
	$host = 'localhost';
	$user = 'root';
	$password = '123456';
	$dbname = 'pdoposts';

	// Set DSN
	$dsn = 'mysql:host='. $host .';dbname='. $dbname;

	// Create a PDO instance

	import React from "react";
	import TodoForm from "./TodoForm";
	import Todo from "./Todo";

	/*
	TodoMVC
	1. add todo
	2. display todos
	3. cross off todo
	4. show number of active todos