SlideShare a Scribd company logo
1 of 10
Download to read offline
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

More Related Content

More from 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
 

More from 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
 

Recently uploaded

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
 
Autonomous emergency braking system (aeb) ppt.ppt
Autonomous emergency braking system (aeb) ppt.pptAutonomous emergency braking system (aeb) ppt.ppt
Autonomous emergency braking system (aeb) ppt.pptbibisarnayak0
 
Arduino_CSE ece ppt for working and principal of arduino.ppt
Arduino_CSE ece ppt for working and principal of arduino.pptArduino_CSE ece ppt for working and principal of arduino.ppt
Arduino_CSE ece ppt for working and principal of arduino.pptSAURABHKUMAR892774
 
Crystal Structure analysis and detailed information pptx
Crystal Structure analysis and detailed information pptxCrystal Structure analysis and detailed information pptx
Crystal Structure analysis and detailed information pptxachiever3003
 
Energy Awareness training ppt for manufacturing process.pptx
Energy Awareness training ppt for manufacturing process.pptxEnergy Awareness training ppt for manufacturing process.pptx
Energy Awareness training ppt for manufacturing process.pptxsiddharthjain2303
 
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
 
Past, Present and Future of Generative AI
Past, Present and Future of Generative AIPast, Present and Future of Generative AI
Past, Present and Future of Generative AIabhishek36461
 
Immutable Image-Based Operating Systems - EW2024.pdf
Immutable Image-Based Operating Systems - EW2024.pdfImmutable Image-Based Operating Systems - EW2024.pdf
Immutable Image-Based Operating Systems - EW2024.pdfDrew Moseley
 
complete construction, environmental and economics information of biomass com...
complete construction, environmental and economics information of biomass com...complete construction, environmental and economics information of biomass com...
complete construction, environmental and economics information of biomass com...asadnawaz62
 
Unit7-DC_Motors nkkjnsdkfnfcdfknfdgfggfg
Unit7-DC_Motors nkkjnsdkfnfcdfknfdgfggfgUnit7-DC_Motors nkkjnsdkfnfcdfknfdgfggfg
Unit7-DC_Motors nkkjnsdkfnfcdfknfdgfggfgsaravananr517913
 
Ch10-Global Supply Chain - Cadena de Suministro.pdf
Ch10-Global Supply Chain - Cadena de Suministro.pdfCh10-Global Supply Chain - Cadena de Suministro.pdf
Ch10-Global Supply Chain - Cadena de Suministro.pdfChristianCDAM
 
CCS355 Neural Networks & Deep Learning Unit 1 PDF notes with Question bank .pdf
CCS355 Neural Networks & Deep Learning Unit 1 PDF notes with Question bank .pdfCCS355 Neural Networks & Deep Learning Unit 1 PDF notes with Question bank .pdf
CCS355 Neural Networks & Deep Learning Unit 1 PDF notes with Question bank .pdfAsst.prof M.Gokilavani
 
Cooling Tower SERD pH drop issue (11 April 2024) .pptx
Cooling Tower SERD pH drop issue (11 April 2024) .pptxCooling Tower SERD pH drop issue (11 April 2024) .pptx
Cooling Tower SERD pH drop issue (11 April 2024) .pptxmamansuratman0253
 
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
 
11. Properties of Liquid Fuels in Energy Engineering.pdf
11. Properties of Liquid Fuels in Energy Engineering.pdf11. Properties of Liquid Fuels in Energy Engineering.pdf
11. Properties of Liquid Fuels in Energy Engineering.pdfHafizMudaserAhmad
 
Research Methodology for Engineering pdf
Research Methodology for Engineering pdfResearch Methodology for Engineering pdf
Research Methodology for Engineering pdfCaalaaAbdulkerim
 
Comparative study of High-rise Building Using ETABS,SAP200 and SAFE., SAFE an...
Comparative study of High-rise Building Using ETABS,SAP200 and SAFE., SAFE an...Comparative study of High-rise Building Using ETABS,SAP200 and SAFE., SAFE an...
Comparative study of High-rise Building Using ETABS,SAP200 and SAFE., SAFE an...Erbil Polytechnic University
 
Earthing details of Electrical Substation
Earthing details of Electrical SubstationEarthing details of Electrical Substation
Earthing details of Electrical Substationstephanwindworld
 

Recently uploaded (20)

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
 
Autonomous emergency braking system (aeb) ppt.ppt
Autonomous emergency braking system (aeb) ppt.pptAutonomous emergency braking system (aeb) ppt.ppt
Autonomous emergency braking system (aeb) ppt.ppt
 
Arduino_CSE ece ppt for working and principal of arduino.ppt
Arduino_CSE ece ppt for working and principal of arduino.pptArduino_CSE ece ppt for working and principal of arduino.ppt
Arduino_CSE ece ppt for working and principal of arduino.ppt
 
Design and analysis of solar grass cutter.pdf
Design and analysis of solar grass cutter.pdfDesign and analysis of solar grass cutter.pdf
Design and analysis of solar grass cutter.pdf
 
Crystal Structure analysis and detailed information pptx
Crystal Structure analysis and detailed information pptxCrystal Structure analysis and detailed information pptx
Crystal Structure analysis and detailed information pptx
 
Designing pile caps according to ACI 318-19.pptx
Designing pile caps according to ACI 318-19.pptxDesigning pile caps according to ACI 318-19.pptx
Designing pile caps according to ACI 318-19.pptx
 
Energy Awareness training ppt for manufacturing process.pptx
Energy Awareness training ppt for manufacturing process.pptxEnergy Awareness training ppt for manufacturing process.pptx
Energy Awareness training ppt for manufacturing process.pptx
 
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
 
Past, Present and Future of Generative AI
Past, Present and Future of Generative AIPast, Present and Future of Generative AI
Past, Present and Future of Generative AI
 
Immutable Image-Based Operating Systems - EW2024.pdf
Immutable Image-Based Operating Systems - EW2024.pdfImmutable Image-Based Operating Systems - EW2024.pdf
Immutable Image-Based Operating Systems - EW2024.pdf
 
complete construction, environmental and economics information of biomass com...
complete construction, environmental and economics information of biomass com...complete construction, environmental and economics information of biomass com...
complete construction, environmental and economics information of biomass com...
 
Unit7-DC_Motors nkkjnsdkfnfcdfknfdgfggfg
Unit7-DC_Motors nkkjnsdkfnfcdfknfdgfggfgUnit7-DC_Motors nkkjnsdkfnfcdfknfdgfggfg
Unit7-DC_Motors nkkjnsdkfnfcdfknfdgfggfg
 
Ch10-Global Supply Chain - Cadena de Suministro.pdf
Ch10-Global Supply Chain - Cadena de Suministro.pdfCh10-Global Supply Chain - Cadena de Suministro.pdf
Ch10-Global Supply Chain - Cadena de Suministro.pdf
 
CCS355 Neural Networks & Deep Learning Unit 1 PDF notes with Question bank .pdf
CCS355 Neural Networks & Deep Learning Unit 1 PDF notes with Question bank .pdfCCS355 Neural Networks & Deep Learning Unit 1 PDF notes with Question bank .pdf
CCS355 Neural Networks & Deep Learning Unit 1 PDF notes with Question bank .pdf
 
Cooling Tower SERD pH drop issue (11 April 2024) .pptx
Cooling Tower SERD pH drop issue (11 April 2024) .pptxCooling Tower SERD pH drop issue (11 April 2024) .pptx
Cooling Tower SERD pH drop issue (11 April 2024) .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
 
11. Properties of Liquid Fuels in Energy Engineering.pdf
11. Properties of Liquid Fuels in Energy Engineering.pdf11. Properties of Liquid Fuels in Energy Engineering.pdf
11. Properties of Liquid Fuels in Energy Engineering.pdf
 
Research Methodology for Engineering pdf
Research Methodology for Engineering pdfResearch Methodology for Engineering pdf
Research Methodology for Engineering pdf
 
Comparative study of High-rise Building Using ETABS,SAP200 and SAFE., SAFE an...
Comparative study of High-rise Building Using ETABS,SAP200 and SAFE., SAFE an...Comparative study of High-rise Building Using ETABS,SAP200 and SAFE., SAFE an...
Comparative study of High-rise Building Using ETABS,SAP200 and SAFE., SAFE an...
 
Earthing details of Electrical Substation
Earthing details of Electrical SubstationEarthing details of Electrical Substation
Earthing details of Electrical Substation
 

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