SlideShare une entreprise Scribd logo
1  sur  10
Télécharger pour lire hors ligne
Adewale Abati
Developer in Residence, Ingressive
Web Engineer and Tech Lifestyle YouTuber
Building DevComm.co
Create React App is your
best friend.
What is Create React App?
Create React App is a tool (built by developers at Facebook) that gives you a massive
head start when building React apps. It saves you from time-consuming setup and
configuration. You simply run one command and Create React App sets up the tools
you need to start your React project.
Introduction
00	 A basic knowledge of JavaScript is important.
01	 An understanding of React and its
component lifecycle methods is recommended. 
02	 You’ll need to have Node >= version 6
and npm >= version 5.2 on your machine.
Installation
Prerequisites
It’s relatively easier to use.
In 60 less minutes.
Focus on your idea. Less
things to learn to ship
quickly.
You can opt out anytime by
ejecting and configure your
config files directly.
Why Use Create React App?
Only one dependency to
worry about. Which is the
react-scripts itself.
https://facebook.github.io/create-react-app/
Why?
npm start
Starts the development server at localhost:3000
npm run build
Bundles the app into static files for production
npm test
Starts the test runner
npm run eject
Removes the tool, copies dependencies, config
files and scripts into the app directory.
Commands
No Configurations needed.
With Create React App, you can get started focusing on your app idea
and less on configurations and setup.
Configuration
Create React App now has it’s own website!
https://facebook.github.io/create-react-app/
News
@acekyd
@ace_kyd
/acekyd
Thank You

Contenu connexe

Plus de Abati Adewale

Introduction to Open Source - What, Why and How to Contribute
Introduction to Open Source - What, Why and How to ContributeIntroduction to Open Source - What, Why and How to Contribute
Introduction to Open Source - What, Why and How to ContributeAbati Adewale
 
Open source - An enabler for the next billion users
Open source - An enabler for the next billion usersOpen source - An enabler for the next billion users
Open source - An enabler for the next billion usersAbati Adewale
 
Finding your place - University of Ilorin
Finding your place - University of IlorinFinding your place - University of Ilorin
Finding your place - University of IlorinAbati Adewale
 
Gathered App Demo Slides
Gathered App Demo SlidesGathered App Demo Slides
Gathered App Demo SlidesAbati Adewale
 
Practical Approach To Contributing To Open Source - Forloop Ibadan
Practical Approach To Contributing To Open Source - Forloop IbadanPractical Approach To Contributing To Open Source - Forloop Ibadan
Practical Approach To Contributing To Open Source - Forloop IbadanAbati Adewale
 
Meet Alat.ng - Product Hunt Lagos
Meet Alat.ng - Product Hunt LagosMeet Alat.ng - Product Hunt Lagos
Meet Alat.ng - Product Hunt LagosAbati Adewale
 
Design Considerations For Side Projects - Product Hunt Lagos
Design Considerations For Side Projects - Product Hunt LagosDesign Considerations For Side Projects - Product Hunt Lagos
Design Considerations For Side Projects - Product Hunt LagosAbati Adewale
 
Ajo Africa - Product Hunt Lagos
Ajo Africa - Product Hunt LagosAjo Africa - Product Hunt Lagos
Ajo Africa - Product Hunt LagosAbati Adewale
 

Plus de Abati Adewale (8)

Introduction to Open Source - What, Why and How to Contribute
Introduction to Open Source - What, Why and How to ContributeIntroduction to Open Source - What, Why and How to Contribute
Introduction to Open Source - What, Why and How to Contribute
 
Open source - An enabler for the next billion users
Open source - An enabler for the next billion usersOpen source - An enabler for the next billion users
Open source - An enabler for the next billion users
 
Finding your place - University of Ilorin
Finding your place - University of IlorinFinding your place - University of Ilorin
Finding your place - University of Ilorin
 
Gathered App Demo Slides
Gathered App Demo SlidesGathered App Demo Slides
Gathered App Demo Slides
 
Practical Approach To Contributing To Open Source - Forloop Ibadan
Practical Approach To Contributing To Open Source - Forloop IbadanPractical Approach To Contributing To Open Source - Forloop Ibadan
Practical Approach To Contributing To Open Source - Forloop Ibadan
 
Meet Alat.ng - Product Hunt Lagos
Meet Alat.ng - Product Hunt LagosMeet Alat.ng - Product Hunt Lagos
Meet Alat.ng - Product Hunt Lagos
 
Design Considerations For Side Projects - Product Hunt Lagos
Design Considerations For Side Projects - Product Hunt LagosDesign Considerations For Side Projects - Product Hunt Lagos
Design Considerations For Side Projects - Product Hunt Lagos
 
Ajo Africa - Product Hunt Lagos
Ajo Africa - Product Hunt LagosAjo Africa - Product Hunt Lagos
Ajo Africa - Product Hunt Lagos
 

Dernier

IVE Industry Focused Event - Defence Sector 2024
IVE Industry Focused Event - Defence Sector 2024IVE Industry Focused Event - Defence Sector 2024
IVE Industry Focused Event - Defence Sector 2024Mark Billinghurst
 
Why does (not) Kafka need fsync: Eliminating tail latency spikes caused by fsync
Why does (not) Kafka need fsync: Eliminating tail latency spikes caused by fsyncWhy does (not) Kafka need fsync: Eliminating tail latency spikes caused by fsync
Why does (not) Kafka need fsync: Eliminating tail latency spikes caused by fsyncssuser2ae721
 
Work Experience-Dalton Park.pptxfvvvvvvv
Work Experience-Dalton Park.pptxfvvvvvvvWork Experience-Dalton Park.pptxfvvvvvvv
Work Experience-Dalton Park.pptxfvvvvvvvLewisJB
 
Solving The Right Triangles PowerPoint 2.ppt
Solving The Right Triangles PowerPoint 2.pptSolving The Right Triangles PowerPoint 2.ppt
Solving The Right Triangles PowerPoint 2.pptJasonTagapanGulla
 
Steel Structures - Building technology.pptx
Steel Structures - Building technology.pptxSteel Structures - Building technology.pptx
Steel Structures - Building technology.pptxNikhil Raut
 
home automation using Arduino by Aditya Prasad
home automation using Arduino by Aditya Prasadhome automation using Arduino by Aditya Prasad
home automation using Arduino by Aditya Prasadaditya806802
 
Class 1 | NFPA 72 | Overview Fire Alarm System
Class 1 | NFPA 72 | Overview Fire Alarm SystemClass 1 | NFPA 72 | Overview Fire Alarm System
Class 1 | NFPA 72 | Overview Fire Alarm Systemirfanmechengr
 
Internet of things -Arshdeep Bahga .pptx
Internet of things -Arshdeep Bahga .pptxInternet of things -Arshdeep Bahga .pptx
Internet of things -Arshdeep Bahga .pptxVelmuruganTECE
 
Earthing details of Electrical Substation
Earthing details of Electrical SubstationEarthing details of Electrical Substation
Earthing details of Electrical Substationstephanwindworld
 
Correctly Loading Incremental Data at Scale
Correctly Loading Incremental Data at ScaleCorrectly Loading Incremental Data at Scale
Correctly Loading Incremental Data at ScaleAlluxio, Inc.
 
Unit7-DC_Motors nkkjnsdkfnfcdfknfdgfggfg
Unit7-DC_Motors nkkjnsdkfnfcdfknfdgfggfgUnit7-DC_Motors nkkjnsdkfnfcdfknfdgfggfg
Unit7-DC_Motors nkkjnsdkfnfcdfknfdgfggfgsaravananr517913
 
Instrumentation, measurement and control of bio process parameters ( Temperat...
Instrumentation, measurement and control of bio process parameters ( Temperat...Instrumentation, measurement and control of bio process parameters ( Temperat...
Instrumentation, measurement and control of bio process parameters ( Temperat...121011101441
 
Industrial Safety Unit-I SAFETY TERMINOLOGIES
Industrial Safety Unit-I SAFETY TERMINOLOGIESIndustrial Safety Unit-I SAFETY TERMINOLOGIES
Industrial Safety Unit-I SAFETY TERMINOLOGIESNarmatha D
 
Virtual memory management in Operating System
Virtual memory management in Operating SystemVirtual memory management in Operating System
Virtual memory management in Operating SystemRashmi Bhat
 
Mine Environment II Lab_MI10448MI__________.pptx
Mine Environment II Lab_MI10448MI__________.pptxMine Environment II Lab_MI10448MI__________.pptx
Mine Environment II Lab_MI10448MI__________.pptxRomil Mishra
 
Industrial Safety Unit-IV workplace health and safety.ppt
Industrial Safety Unit-IV workplace health and safety.pptIndustrial Safety Unit-IV workplace health and safety.ppt
Industrial Safety Unit-IV workplace health and safety.pptNarmatha D
 
Research Methodology for Engineering pdf
Research Methodology for Engineering pdfResearch Methodology for Engineering pdf
Research Methodology for Engineering pdfCaalaaAbdulkerim
 
TechTAC® CFD Report Summary: A Comparison of Two Types of Tubing Anchor Catchers
TechTAC® CFD Report Summary: A Comparison of Two Types of Tubing Anchor CatchersTechTAC® CFD Report Summary: A Comparison of Two Types of Tubing Anchor Catchers
TechTAC® CFD Report Summary: A Comparison of Two Types of Tubing Anchor Catcherssdickerson1
 
Indian Dairy Industry Present Status and.ppt
Indian Dairy Industry Present Status and.pptIndian Dairy Industry Present Status and.ppt
Indian Dairy Industry Present Status and.pptMadan Karki
 
UNIT III ANALOG ELECTRONICS (BASIC ELECTRONICS)
UNIT III ANALOG ELECTRONICS (BASIC ELECTRONICS)UNIT III ANALOG ELECTRONICS (BASIC ELECTRONICS)
UNIT III ANALOG ELECTRONICS (BASIC ELECTRONICS)Dr SOUNDIRARAJ N
 

Dernier (20)

IVE Industry Focused Event - Defence Sector 2024
IVE Industry Focused Event - Defence Sector 2024IVE Industry Focused Event - Defence Sector 2024
IVE Industry Focused Event - Defence Sector 2024
 
Why does (not) Kafka need fsync: Eliminating tail latency spikes caused by fsync
Why does (not) Kafka need fsync: Eliminating tail latency spikes caused by fsyncWhy does (not) Kafka need fsync: Eliminating tail latency spikes caused by fsync
Why does (not) Kafka need fsync: Eliminating tail latency spikes caused by fsync
 
Work Experience-Dalton Park.pptxfvvvvvvv
Work Experience-Dalton Park.pptxfvvvvvvvWork Experience-Dalton Park.pptxfvvvvvvv
Work Experience-Dalton Park.pptxfvvvvvvv
 
Solving The Right Triangles PowerPoint 2.ppt
Solving The Right Triangles PowerPoint 2.pptSolving The Right Triangles PowerPoint 2.ppt
Solving The Right Triangles PowerPoint 2.ppt
 
Steel Structures - Building technology.pptx
Steel Structures - Building technology.pptxSteel Structures - Building technology.pptx
Steel Structures - Building technology.pptx
 
home automation using Arduino by Aditya Prasad
home automation using Arduino by Aditya Prasadhome automation using Arduino by Aditya Prasad
home automation using Arduino by Aditya Prasad
 
Class 1 | NFPA 72 | Overview Fire Alarm System
Class 1 | NFPA 72 | Overview Fire Alarm SystemClass 1 | NFPA 72 | Overview Fire Alarm System
Class 1 | NFPA 72 | Overview Fire Alarm System
 
Internet of things -Arshdeep Bahga .pptx
Internet of things -Arshdeep Bahga .pptxInternet of things -Arshdeep Bahga .pptx
Internet of things -Arshdeep Bahga .pptx
 
Earthing details of Electrical Substation
Earthing details of Electrical SubstationEarthing details of Electrical Substation
Earthing details of Electrical Substation
 
Correctly Loading Incremental Data at Scale
Correctly Loading Incremental Data at ScaleCorrectly Loading Incremental Data at Scale
Correctly Loading Incremental Data at Scale
 
Unit7-DC_Motors nkkjnsdkfnfcdfknfdgfggfg
Unit7-DC_Motors nkkjnsdkfnfcdfknfdgfggfgUnit7-DC_Motors nkkjnsdkfnfcdfknfdgfggfg
Unit7-DC_Motors nkkjnsdkfnfcdfknfdgfggfg
 
Instrumentation, measurement and control of bio process parameters ( Temperat...
Instrumentation, measurement and control of bio process parameters ( Temperat...Instrumentation, measurement and control of bio process parameters ( Temperat...
Instrumentation, measurement and control of bio process parameters ( Temperat...
 
Industrial Safety Unit-I SAFETY TERMINOLOGIES
Industrial Safety Unit-I SAFETY TERMINOLOGIESIndustrial Safety Unit-I SAFETY TERMINOLOGIES
Industrial Safety Unit-I SAFETY TERMINOLOGIES
 
Virtual memory management in Operating System
Virtual memory management in Operating SystemVirtual memory management in Operating System
Virtual memory management in Operating System
 
Mine Environment II Lab_MI10448MI__________.pptx
Mine Environment II Lab_MI10448MI__________.pptxMine Environment II Lab_MI10448MI__________.pptx
Mine Environment II Lab_MI10448MI__________.pptx
 
Industrial Safety Unit-IV workplace health and safety.ppt
Industrial Safety Unit-IV workplace health and safety.pptIndustrial Safety Unit-IV workplace health and safety.ppt
Industrial Safety Unit-IV workplace health and safety.ppt
 
Research Methodology for Engineering pdf
Research Methodology for Engineering pdfResearch Methodology for Engineering pdf
Research Methodology for Engineering pdf
 
TechTAC® CFD Report Summary: A Comparison of Two Types of Tubing Anchor Catchers
TechTAC® CFD Report Summary: A Comparison of Two Types of Tubing Anchor CatchersTechTAC® CFD Report Summary: A Comparison of Two Types of Tubing Anchor Catchers
TechTAC® CFD Report Summary: A Comparison of Two Types of Tubing Anchor Catchers
 
Indian Dairy Industry Present Status and.ppt
Indian Dairy Industry Present Status and.pptIndian Dairy Industry Present Status and.ppt
Indian Dairy Industry Present Status and.ppt
 
UNIT III ANALOG ELECTRONICS (BASIC ELECTRONICS)
UNIT III ANALOG ELECTRONICS (BASIC ELECTRONICS)UNIT III ANALOG ELECTRONICS (BASIC ELECTRONICS)
UNIT III ANALOG ELECTRONICS (BASIC ELECTRONICS)
 

Making Create React App your best friend - React Summit 2018

  • 1. Adewale Abati Developer in Residence, Ingressive Web Engineer and Tech Lifestyle YouTuber Building DevComm.co Create React App is your best friend.
  • 2. What is Create React App? Create React App is a tool (built by developers at Facebook) that gives you a massive head start when building React apps. It saves you from time-consuming setup and configuration. You simply run one command and Create React App sets up the tools you need to start your React project. Introduction
  • 3. 00 A basic knowledge of JavaScript is important. 01 An understanding of React and its component lifecycle methods is recommended.  02 You’ll need to have Node >= version 6 and npm >= version 5.2 on your machine. Installation Prerequisites
  • 4. It’s relatively easier to use. In 60 less minutes.
  • 5. Focus on your idea. Less things to learn to ship quickly. You can opt out anytime by ejecting and configure your config files directly. Why Use Create React App? Only one dependency to worry about. Which is the react-scripts itself. https://facebook.github.io/create-react-app/ Why?
  • 6. npm start Starts the development server at localhost:3000 npm run build Bundles the app into static files for production npm test Starts the test runner npm run eject Removes the tool, copies dependencies, config files and scripts into the app directory. Commands
  • 7. No Configurations needed. With Create React App, you can get started focusing on your app idea and less on configurations and setup. Configuration
  • 8. Create React App now has it’s own website! https://facebook.github.io/create-react-app/ News